[Resolved] Remove indentation from submenu dropdowns

[Nick]

Hi,
I have been struggling with removing the indentation from the dropdowns in the main navigation submenu. The dropdowns move outside of the submenu ul by about 10px.
I cannot find any margin, padding or positioning that is affecting the placement of the submenu ul’s child ul’s in this way.
I want all the ul’s to sit within the submenu ul.
Thanks.

[Leo]

Hi there,

The indentation in the submenu is added by this CSS in your custom CSS:

.main-navigation .main-nav ul li {
    margin-left: 10px;
    margin-right: 10px;
}

Removing it should fix that.

Let me know if this helps.

[Nick]

All good, I fixed it. It’s funny how when sometimes when you define a problem more clearly by writing it, the solution suddenly comes to mind.

.sub-menu {overflow-x: hidden;}

[Nick]

Oh, right. Sorry, didn’t see that reply.
Thanks, I didn’t realise that CSS was not a part of the original Generatepress code as someone else has been working on this before me.
Much appreciated.

[Leo]

No problem!

[Author]

Posts