Increase Main Menu Width

Hello,
I am trying to make the width of the main menu area larger so that it can fit more menu items in the same line. Any ideas?
Thank you

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 1025px) {
  #masthead.site-header .col-md-4 {
    width: 15%;
  }
  #masthead.site-header .col-md-8 {
    width: 85%;
  }
}

And make your own adjustment if needed.

Regards,
Kharis

1 Like

Thank you, Kharis!
Worked perfectly!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis