Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 24, 2014 at 7:28 pm #324555
    julielewis1973

    I am using a Revolution slider on my homepage – can’t seem to get rid of the header when using the transparency header. I want no header at all when the page opens and then when it scrolls down the header and menu appear.
    Help?

    Thanks

    September 24, 2014 at 7:31 pm #324559
    julielewis1973

    Right now it has a white background on the header – not sure how to remove it

    September 24, 2014 at 7:33 pm #324563
    Yigit

    Hi!

    Can you post the link to your website please?

    Regards,
    Yigit

    September 24, 2014 at 8:56 pm #324619
    julielewis1973

    Got it figured out – thanks. When I made the header a custom height it made a white background behind the header. Changed it to slim and it was ok.

    Is there a way to make it a smoother transition from when I scroll down and the header appears?

    http://2e8.a1c.myftpupload.com

    Thanks!

    Julie

    September 25, 2014 at 6:42 pm #325155
    Yigit

    Hi!

    Please change the code to following one

    .av_header_transparency {
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
opacity: 0;
}

    Best regards,
    Yigit

    October 6, 2014 at 5:56 pm #331022
    julielewis1973

    Hi there – thanks so much. Can I paste this into the quick css for it to work?

    Also, how do I get the sticky header to stay “stuck” on a smartphone?

    October 6, 2014 at 6:14 pm #331039
    Yigit

    Hi!

    Yes you can simply add the code to Quick CSS field and it should work fine. Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.