Increase menu's width

Hi, I would like to increase my menu’s width as it’s getting crowded and the menu has gotten a second row. I see that my home icon has quite some space on its right, I’d like to decrease that and give the menu a bit more space to make it just one row. It seems that the home icon has 16.66666667% width, and menu 83.33333333%. I’d like to change to 10% to 90% ratio and see how it looks, but I’m unsure where to change that, as the css file is empty. Thanks in advance!

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*menu width*/
#header > div.top-header > div > div > div.col-sm-4.col-xs-8{
  width:10%;
}
#header > div.top-header > div > div > div.col-sm-8.col-xs-4{
  width:90%
}

Best Regards,
Support

Thanks. I ended up changed the col-sm-2.col-xs-8 and col-sm-10.col-xs-4 to make it work.

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support