Archived topic
Submenu Styling
10 replies · Started by Adrien on January 19, 2021
Dear GP Team,
I would need your help to style my submenu for the STREAM site library template.
I have created one sub-menu under "FORMATION" main menu to show you my issue. The submenu is starting too close to the main menu.
I'd like to have something like shown on the picture enclosed. Ideally perfectly aligned with the top of my main content (which on the home page is a banner).
Appreciate your help. Best, Adrien.
Hi there,
Would it work if you increase the menu item height?
If this doesn't work, can you disable all plugins except GP Premium and GenerateBlocks for me to take a closer look at the code?
Thanks :)
Dear Leo, Thank you for your reply! I would not like to increase my many nav height.
Hence, as requested i've disabled all plugin incl. caching in order for you to take a look.
Appreciate your help.
Hello, I can not leave all my plugins disabled for too long because my site is live.
Could you advise if you will look into this today or tomorrow or later please?
No rush. Best, Adrien
Just to confirm, you want to keep the current submenu height and width, but just move it away from the parent menu item a bit?
Yes Leo. Exactly as show on the previously enclosed picture that I'm re-enclosing here.
I've drawn where exactly the submenu should ideally start:
Try David's solution here:
https://generatepress.com/forums/topic/submenu-positioning/#post-1577943
Hello Leo, Thank you but it did not work for me ;-(
Hello Leo, Thank you but it did not work for me ;-(
On David's part of the code which is this one:
.main-navigation .main-nav ul ul {
margin-top: 10px;
}You can increase the margin-top to the value of your preference. This one sets the distance between the parent and the sub-menu.
Here's a demo: https://share.getcloudapp.com/v1u4ZBRx
try using 40px or 35px.
Hello Alvin ! Hello Leo, Thank you so much to both of you. Your combined force solved my issue ;-)
Appreciate your time and help.
Nice one. We're glad you got it sorted. :)
