[Resolved] Change Padding in Main Menu

[Brenda]

Hi Tom, I would like to change the padding in the main menu items. I tried using the code from some of the other posts, but nothing happened. Can you assist me with that?

Thanks

[Leo]

Hi there,

You should be able to use the customizer for that: https://docs.generatepress.com/article/menu-item-height-width/#width

Let me know if this is what you are looking for.

[Brenda]

Thanks Leo,

That’s it! Is there a way to change the space between the arrows and the menu items? I would like to move the arrows closer to the text.

Thanks.

[Leo]

Try this CSS and adjust the px number as you see fit:

.menu-item-has-children .dropdown-menu-toggle {
    padding-left: 5px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Brenda]

You guys ROCK!!!!!!

[Leo]

Thanks 🙂 Glad I could help!

[Author]

Posts