Dear Support Team,
On the website https://emmerams-muehle.de/, a transparent header is displayed at the beginning (apparently), if you scroll down it turns white.
As long as the header is transparent, a white bar is displayed below the active menu item: this is located in the middle of the bottom half of the transparent header: see: https://emmerams-muehle.de/support/header1.jpg
When the header then turns white, this bar slides down to the lower header edge. see: https://emmerams-muehle.de/support/header2.jpg
I would like the bar to be at the bottom of the header in the transparent view as well, like at https://emmerams-muehle.de/support/header2.jpg
How can I achieve this?
Many thanks for your support.
Best regards, Diana
Translated with DeepL.com (free version)
Hey Diana,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #header.av_header_transparency .avia-menu-fx {
bottom: -1px;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you Mike, the script works perfectly!
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