Docs

[lisacole1]

hi, site is http://www.hobbs-style.co.uk
I didn’t know that the menu was breaking into 2 lines on an ipad until someone told me 🙁

Can the menu be made to be responsive so it’s just one one line?

[Rupok]

Hi there,

Thanks for writing in!
You can add this under Custom > CSS in the Customizer.

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

Hope this helps.

Cheers!

[lisacole1]

thank you! can I just check before I add it that it should have 2 end brackets?

[Rue Nel]

Hello There,

Yes, it has two brackets. Missing any of the brackets will invalidate the code and will no longer works. Please have it this way:

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

Hope this helps.

[lisacole1]

fab, thank you!

[Friech]

We’re delighted to assist you with this.

Happy new year, Cheers!

[Author]

Posts