Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 25, 2017 at 6:13 pm #856650
    Swbride

    Hi! I’m trying to make it so that when I scroll down, the transparent header shrinks and dissapears.

    So far, i found this

    .page-id-XX .header-scrolled {
    display:none!important;
    }

    This works to an extent, but the white shrunken header flashed up briefly which looks messy. you can see what I mean here

    & For Love

    Is there a way to fix this?

    Thanks

    September 25, 2017 at 6:50 pm #856665
    Nikko

    Hey Swbride,

    Try adding this css code:

    .page-id-20 .av_header_shrinking {
    display: none;
}

.page-id-20 .av_header_transparency {
    display: block !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    September 25, 2017 at 7:26 pm #856677
    Swbride

    That’s exactly what I was after!

    Thank you Nikko

    September 26, 2017 at 3:37 am #856763
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Disable shrunken header on some pages’ is closed to new replies.