Nav Menu on Tablet on 2 Lines

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Sure. I have put it in the private info.

Cheers,

Dave

Hi there,

you need to make a little more room for the search icon.
Couple of options:

1. Reduce the menu font size in Customizer > Typography > Primary Navigation.
2. Reduce the Menu Item Width in Customizer > Layout > Primary Navigation.

Thanks David.
Is it possible to do this just on the tablet screen size and not mobile or desktop?

cheers,

Dave

Try using this CSS:

@media(max-width: 1096px) and (min-width: 1025px) {
  .main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

That worked. Thanks David

You're welcome