Navbar wraps on ipad pro

[dfardon]

Hi, how do I stop the navbar from wrapping? It’s particularly an issue on my ipad pro, see attached screenshot. It should switch to the mobile menu rather than wrap.

[albrecht]

Hi @dfardon,

Thanks for writing in.

To achieve that, try adding this custom CSS.

@media (max-width: 1119px){
    .masthead .x-nav-wrap.desktop {
        display: none;
    }
    .masthead.masthead-stacked .x-btn-navbar {
        display: block;
        color: inherit;
        text-align: center;
    }
    .masthead .x-nav-wrap.mobile  {
         display: block; 
    }
    .masthead .x-nav-wrap.mobile.x-collapsed {
        display: none;
    }    
}

Hope it helps.

[dfardon]

Awesome, that’s fixed it, thanks.

[ruenel]

You’re welcome!
We’re glad @Albrechtx solution works out for you.