Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 22, 2014 at 2:14 pm #254324
    cavanaughb

    Hello,

    I would like to use the sticky transparent header, but have the logo and menu hidden on page load. When the user scrolls down and the header transitions, the logo and menu would ideally fade in. Possible?

    Thanks!
    Brian

    April 22, 2014 at 6:38 pm #254519
    Yigit

    Hi cavanaughb!

    Can you post the link to your Enfold website so we can take a look?

    Regards,
    Yigit

    April 22, 2014 at 7:36 pm #254566
    cavanaughb
    This reply has been marked as private.
    April 22, 2014 at 7:40 pm #254569
    Yigit

    Hi!

    Please remove the custom CSS code you added to hide logo and add following code to Quick CSS instead

    #top .av_header_transparency #header_main {
display: none;
}

    Best regards,
    Yigit

    April 22, 2014 at 7:42 pm #254573
    cavanaughb

    Perfect! And if I just want to do this on the homepage, do I add “.home” to the beginning of the CSS code?

    .home #top .av_header_transparency #header_main {
display: none;
}
    April 22, 2014 at 7:43 pm #254574
    Yigit

    Hey!

    Yes and if it does not work, you can try

    .home .av_header_transparency #header_main {
display: none;
}

    Regards,
    Yigit

    April 22, 2014 at 7:45 pm #254576
    cavanaughb

    Removing the #top did the trick.

    Thanks again!
    Brian

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hiding transparent logo and menu’ is closed to new replies.