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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 5 months ago by Ying.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 15, 2022 at 9:45 am #2416888

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

November 15, 2022 at 11:44 am #2417026
Ying
Staff
Customer Support
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;
    }
}
```
November 15, 2022 at 12:21 pm #2417068

Aaron

Thanks!

November 15, 2022 at 1:28 pm #2417131

Ying
Staff
Customer Support

No problem 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.