Hi there,
Can you help me lift up the active menu indicator on my new website? In default it sticks to the title bar. I would like it to appear just below the menu item.
Hope you can help me with this :-)
Maaike
Hey maaikevk,
Thanks for giving us the link to your site as well as the screenshot of what you want to achieve. :)
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .current-menu-item > a > .avia-menu-fx {
top: 105px;
}
Hope it helps :)
Best regards,
Nikko
Great Nikko, this helps :-)
2 small things appear now. When you scroll the indicator lowers again. And when you hover over another item, the indicator is low aswell. (see screenshots.
Is it possible to help me with these 2 questions?
Maaike
Hi Maaike,
Can you please remove that code and use the code below?
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
#top #header_main > .container .main_menu .av-main-nav > li > a {
height: 110px !important;
}
#top #header.header-scrolled.header-scrolled-full #header_main > .container .main_menu .av-main-nav > li > a {
height: 90px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you Victoria.
This works fine :-))
Have a nice weekend :-)
Maaike
Hi Maaike,
Glad that we could help :)
Please feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko