Extra menu width

Hi,

I’m trying to increase the width of the menu in order to fit all my items on one row. There is adequate space between the menu and the logo to the left but i can’t figure out the code to put in the custom css editor to make it work. I tried decreasing the padding between the menu items but that doesn’t look too good.

Any idea on which code to use?

Hi,

You would need to change the ratio between the logo area and the menu area. Something like this:


@media (min-width: 992px) {
    .site-branding {
          width: 25%;
    }
    .main-navigation {
          width: 75%;
    }
}

Right now it’s at 33.333% / 66.667%.

Great, that solved it, thanks!