[Resolved] Mobile menu settings: center logo and position cart and nav below and centered

[Aaron]

Hi,
I’m trying to understand the menu settings for Navigation drop point. But it doesn’t seem to be working. I’d like to have the mobile nav drop below the logo at 400 px width be centered, and center the logo above.
Screenshot:
https://www.webpagescreenshot.info/#v2=pid0hksux

Thanks

[Ying]

Hi Aaron,

Try this CSS:

@media (max-width: 400px) {
    .inside-header.grid-container {
       flex-direction: column;
        align-items: center;
    }
    .inside-header nav#mobile-menu-control-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}

[Aaron]

Thanks!

[Ying]

No problem 🙂

[Author]

Posts