[Resolved] Customize settings not staying

[Alan]

Hello!

On the menu for our site, I added width to the buttons under the layout area of customization, but when I save, they revert back to the way that they were.

What I would like to have is the following:

1. Center the text on the primary menu items that have dropdowns (right now, they are over to the left).
2. Make the primary menu items wider, so that they fill up more of the space between the logo and the menu.

Thank you so much for everything!

[David]

Hi there,

the drop down toggle removes the left hand spacing so you would need to add it back in using CSS:

.main-navigation .main-nav ul li.menu-item-has-children a {
    padding-left: 56px;
}

[Alan]

Thank you so much, David! Is there a way that I can add more width to each of the menu items so that it fills the space better?

[Fernando]

You have this code in Additional CSS:

.main-navigation .main-nav ul li{
  padding: 10px;
  min-width: 200px;
  text-align: center;
}

The min-width in that code defines the width of the menu items. Try increasing the value of that.

[Alan]

That looks so much better! Thank you so much for your help, Fernando and David!!

[Fernando]

You’re welcome Alan!

[Author]

Posts