Docs

[Stuart]

Hello, the top menu on my site behaves incorrectly on smaller screen sizes.

At a screen width of 1201px, the menu drops to the next line which has the effect of obscuring the text below.
The menu does not collapse to a mobile menu until the screen width is 979px or less.

I would be grateful for your assistance to get the menu to collapse at 1201px rather than dropping to the next line.

Alternatively, can you assist me to reformat the menu so that when it drops to the next line it does not obscure the text below.

Many thanks for your help.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

@media (max-width: 1201px){
.masthead-inline .x-btn-navbar {
    display: block;
    float: right;
}
.x-nav-wrap.desktop {
    display: none;
}

}

Hope it helps.

[Author]

Posts