Docs

[John]

Hey X Team,

So on my site:

Lansing landscaping

I’ve been previewing it on a tablet and when its turned landscape wise I’m just getting too much nav bar at the top of my page; take a look:

http://prntscr.com/bsmtou

I would like the mobile nav button to com up on a tablet when its turned horizontal.

Thanks for the continued help!

John

[Rupok]

Hi John,

You are using fullwidth layout so the Navbar will be fullwidth and that’s pretty expected. Would you clarify what you are expecting here?

However you can use the below code to prevent the breaking the menu items in two lines :

@media only screen and (min-width: 980px)  and (max-width: 1200px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
  padding-left: 10px;
  padding-right: 10px;
}
}

@media only screen and (min-width: 980px)  and (max-width: 1169px) {
.x-navbar .desktop .x-nav > li > a {
  font-size: 12px;
}
}

Hope this helps.

Cheers!

[Author]

Posts