Hello,
I have a site that has a drop down menu, but I have a big round logo. This means that the drop down menu sits a good far away from the main nav and I want to move it up. Is this possible?
Example here:
Hey pistachiouk,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 990px) {
#top #header.av_minimal_header .main_menu ul:first-child >li > ul.sub-menu {
top: 135px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks very much – works well.
Only problem is when I scroll down the page it moves, back to its original position.
Any ideas on how I can fix this?
Hi pistachiouk,
The whole code should be like this:
@media only screen and (min-width: 990px) {
#top #header.av_minimal_header .main_menu ul:first-child >li > ul.sub-menu {
top: 135px;
}
#top #header. av_minimal_header.header-scrolled .main_menu ul:first-child >li > ul.sub-menu {
top: 105px;
}
}
But there is a weird sign adde to the header class, so the code might not works as expected.
Best regards,
Victoria
That works perfectly – thanks so much!