Menu Width

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1200px) {
  #masthead #site-navigation {
    max-width: 75%;
    flex-basis: auto;
  }
  
  #masthead .site-branding {
    max-width: 25%;
  }
}

Kind Regards, Roman.

Hi Roman,

Once again, you are my hero ?? it worked first time ??

THANK YOU AS ALWAYS!

Best,
Melissa

Great, you are welcome Melissa! ??

Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.

Hi Roman

I have the same issue as Melissa and was wondering if you could provide some advice.

I’ve copied the CSS code you noted above into my Additional CSS section at the end of the existing code.

It doesn’t appear to be altering the menu at all and is also saying there is an error as well.

Any advice would be greatly appreciated. I have six menus but they are appearing over three separate lines!

Thanks
Gary

Hello Gary,

Please create a new topic for your issue (but please mention a link to this topic for reference) to keep the forum in good order and make it easier to help you.

Kind Regards, Roman.

Hello,

I have a similar issue with Airi. I need to fit more menu items on the menu, but they will not stay on one line. I tried the code above and it does not work for me.

Any other suggestions?

Thanks,

Dave

Hello Dave,

Please create a new topic for your issue (but please mention a link to this topic for reference) to keep the forum in good order and make it easier to help you.

Kind Regards, Roman.