[Resolved] Align mobile menu to the left

[emanharout]

I’ve been trying to align the mobile hamburger menu to the left. Currently its centered by default. I’ve tried this code posted in the past:

button.menu-toggle {
    text-align: left;
}

But it doesn’t seem to have any effect. Is there anything else I can try? Thanks in advance!

[Leo]

Hi there,

Try this instead:

@media (max-width: 768px) {
    .main-navigation {
        margin-left: 0;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[emanharout]

Thanks Leo! That worked.

[Leo]

No problem 🙂

[Author]

Posts