[Resolved] Sub menu padding

[Donna]

I was working on adding a sub menu to one of my primary menu items. In the Customizer, under Layout > Primary Navigation, it seems like whatever pixel value is in the “Menu Item Width” ends up being the amount of right and left padding in the sub menu items in the desktop view. For example, my Menu Item Width set to 60px so all the sub menu items have 60px of right/left padding. If I increase the Menu Item Width, the sub menu padding increases. Is there a reason for this? If I want only 20px of right/left padding would I need to add custom CSS to do it?

[Tom]

Hi there,

Give this a shot:

.main-navigation .main-nav ul ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

Let me know 🙂

[Donna]

That works. Thank you very much!

[Tom]

You’re very welcome 🙂

[Author]

Posts