Docs

[philiponeillfreelancer]

https://snag.gy/1GJxK7.jpg

you can see the navigation overlaps when the screen size reduces. I understand this is due to the number of items in the menu.

On a larger screen; it is perfect; https://snag.gy/9yDf7u.jpg

COuld you advise how the navigation menu could not overlap but push the section down i.e. it would not overlap when the screen size is smaller?

[philiponeillfreelancer]

This reply has been marked as private.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 1280px) {
.masthead-stacked .x-btn-navbar {
    display: inline-block;
}

.x-nav-wrap.desktop {
    display:none;
}

.x-nav-wrap.mobile.collapse.in {
    display:block !important;
}
}

Hope that helps.

[philiponeillfreelancer]

thanks this worked but the burger menu is now on the left in the smaller view. how do I center it?

[Paul R]

Hi,

May I know what browser are you using?

It is showing up in the center on my end.

http://screencast.com/t/IFfBg8nU7z

Kindly clear your browser cache and check again.

Thanks

[philiponeillfreelancer]

can you please check at 1020px for example. Please check the code the other developer sent in the comments. It is not for the mobile; it is for the larger screen!

THanks

[philiponeillfreelancer]

got it thanks!

[Christopher]

You’re welcome.

[Author]

Posts