Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 19, 2020 at 6:29 pm #1194503
    Daniel

    Hi! I hope everyone is doing OK.

    On my test environment I have created a widget in the header following this documentation: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area Works great!

    What I want, is to have the widget disappear on scroll, just like the logo does. Can you help me realise this? The link is in the private section.

    Thanks!
    Daniel

    March 19, 2020 at 6:55 pm #1194513
    Jordan Shannon

    Hey Daniel,

    Add this to quick css:

    header.av_header_transparency .contact-widget {
display:block!important;
}

header .contact-widget {
display:none!important;
}

    Best regards,
    Jordan Shannon

    March 20, 2020 at 10:44 am #1194755
    Daniel

    Hey Jordan,

    Thanks, it works but I am looking for the same effect as with the logo. The two different effects next to each other don’t match now.

    Thanks!
    Daniel

    • This reply was modified 4 years, 8 months ago by Daniel.
    March 20, 2020 at 5:28 pm #1194826
    Jordan Shannon

    Hi,

    I’m seeing them both fade in and out.

    Best regards,
    Jordan Shannon

    March 20, 2020 at 5:29 pm #1194828
    Daniel

    Hi Jordan,

    Yes I figured out how:

    header.av_header_transparency .contact-widget {
  opacity: 1 !important;
}

header .contact-widget {
  opacity: 0 !important;
  transition: .4s;
}
    • This reply was modified 4 years, 8 months ago by Daniel.
    March 20, 2020 at 5:39 pm #1194836
    Jordan Shannon

    Hi,

    Great! Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    March 20, 2020 at 5:40 pm #1194838
    Daniel

    Hi @jordan_s,

    You may close, thanks again for your help! 👍

    Regards, Daniel

    March 20, 2020 at 5:48 pm #1194841
    Jordan Shannon

    Hi,

    No problem at all my friend! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo disappears on scroll: same for widget in header’ is closed to new replies.