[Resolved] Align mobile menu items

[Shawn]

Hi,

I put this aside for a few months but have now resumed work on it. On mobile view, I need to horizontally align X MENU and have the menu items (ABOUT WORK CONTACT) align below it but not off to the far left as they are now at http://newsite.stroudassociates.com/

Your screencasts noted in your responses above are no longer accessible.

Thanks,
Shawn

[Leo]

Add this CSS:

@media (max-width: 768px) {
    button.menu-toggle {
        float: none !important;
    }
    .main-navigation ul li a {
        text-align: center;
    }
}

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

Let me know 🙂

[Shawn]

Works great Leo, thanks.

Shawn

[Leo]

No problem 🙂

[Author]

Posts