Tagged: submenu links
Dear members of the support forum,
At the moment, I’m creating a website on this domain:
https://www.maartenontwerp.nl/dev-soleus/
Pages are set to have a transparent header.
In the top menu, there is a menu item called “Behandlinger”. When you hover over this, submenu items will appear. But they are too low for my taste: the gap between the word Behandlinger and the sub menu is too big. Is there a way to move this “box” of links up?
When you scroll, the menu bar becomes slimmer, so after that the submenu is in a good position.
Hi pelgrimrat,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#top .av-main-nav .sub-menu {
margin-top: -50px;
}
Just adjust the value as you see fit.
Best regards,
Nikko
Hi Nikko,
Thanks for your reply.
I have tried your code, but I only want the submenu to move up AFTER I scroll, so when the menu bar becomes narrow.
I don’t know how to target this situation with CSS.
Best regards,
Maarten
Hi,
To move the menu sub-menu box up only before scrolling try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .av_header_transparency .av-main-nav .sub-menu {
margin-top: -50px;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
Perfect! Thank you so much!
Best regards,
Maarten
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike