Menu bar in one line on desktop version

Hey team,
I would like to have a menu bar wich is always shown in one single line - so that the last menu points doesn´t can jump in a second line on desktop versions. The mobile menu is already fine. The website is http://23064.web.zcom.it.
Could you please help me with this problem?
Thank you in advanced
Best wishes
Jonas

Hi Jonas,

I’ve checked your site and the menu bar on the desktop already displayed in one line, did you already resolved it? http://prntscr.com/i6zxpg

Hi Awan,
no not really, the problem is that the menu bar jumps in a second line for example on small desktop screens or when the browser zoom is very heigh. Is there any possability to prevent the jumping of the menu in a second line?
Best regards
Jonas

Hi,

Can you take a screenshot please for both screen size?

Regards,
Awan

Hi,
for example on my screen (22") in Chrome with a zoom in the browser under 125% it looks like this:

But when I change the zoom to 150% or more it looks like this:

Is it possible to stop the jumping from the menu in the second line or that the menu on small desktop screens is shown like on mobile diveses?
Best wishes
Jonas

Hi,

Okay, please try this CSS code:

@media only screen and (min-width: 1050px) and (max-width: 1100px){
  #mainnav ul li a {
    font-size: 12px !important;
  }
}

Feel free to adjust the value of the min-width, max-width and font-size on the code in above.

Regards,
Awan

It worked - thanks a lot!

1 Like