Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1429261

    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)

    #1429293

    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

    #1429383

    Thank you Mike, the script works perfectly!

    #1429395

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘navigation highlight bar’ is closed to new replies.