Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 13, 2021 at 6:31 pm #1272239
    webWahine

    Hello

    I looked at this post –
    https://kriesi.at/support/topic/how-to-remove-logo-in-header-until-sticky-header-is-activated/

    but it’s not working for me. I’m trying to hide the logo on just 2 pages, and then have it show up on scroll. This is what I have, which is not working. I also tried using opacity 0 & 1 but that didn’t work either. Thank you in advance.

    /* trying to hide header logo before scrolling on home and community, then show after */

.page-id-11 .logo,
.page-id-44 .logo {
    display: none!important;
}

.page-id-11 .header-scrolled .logo,
.page-id-44 .header-scrolled .logo {
    display: block!important;
}
    January 18, 2021 at 12:23 am #1273175
    Mike

    Hey webWahine,
    Sorry for the very late reply and thanks for the login, the class header-scrolled is only added with some header setups, in your case the class av_header_transparency is removed on scroll, so I changed your css to this:

    .page-id-11 #header.av_header_transparency .logo,
.page-id-44 #header.av_header_transparency .logo {
    display: none!important;
}

.page-id-11 #header:not(.av_header_transparency) .logo,
.page-id-44 #header:not(.av_header_transparency) .logo {
    display: block!important;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    January 18, 2021 at 7:51 pm #1273434
    webWahine

    That worked perfectly! Thank you so much! You may close this, but FYI, it’s really hard to move along with work when it takes so long for support to reply. I’m still waiting for my first reply on a post from before this one. Please consider more staff in more time zones :)

    January 18, 2021 at 11:49 pm #1273509
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide header logo before scrolling, then show on scrolling, on specific pages’ is closed to new replies.