Menu width bigger after theme update


#1

Hi team

I previously raised the below query about getting all my menu items on 1 line. The CSS code provided successfully worked in condensing the space between each menu item.

After the recent new theme version (which I updated for), my menu has gone back to 2 lines which doesn’t look very good. This seems to be caused by extra spacing around my logo which you can see on the top left hand side of my menu.

Do you know how I can fix the issue so that my menu is back all on one line? Is there any new CSS?

My website is:

Thanks in advance!


#2

Hello there,

Did you add a new menu item? If so, it might be the cause.

You would add more space to the menu container. As a consequence of this, you would narrow the logo container.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (min-width:1025px){
  
  .site-header .col-md-4{
    max-width: 20%;
  }
  
  .site-header .col-md-8{
    width: 80%;
  }  
  
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis


#3

Thanks! This worked perfectly :slight_smile:


#4

No problem. Just go easy on it.

Please let us know in a new topic if need anything else.

Regards,
Kharis