Archived topic
Remove indentation from submenu dropdowns
4 replies · Started by Nick on April 13, 2018
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.
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.
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;}
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.
No problem!
