Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 30, 2017 at 2:44 pm #845811
    vlkwatchman

    hey there!

    i enabled sticky header on mobile via the following:

    @media only screen and (max-width: 768px) {
    #top #wrap_all .social_bookmarks a {
    color: #969696;
    }
    #header {
    position: fixed!important;
    width: 100%!important;
    }}

    HOW CAN I MAKE IT TRANSPARENT UNTIL AFTER SCROLL LIKE ON THE DESKTOP?

    as of now, ON MOBILE, it automatically is solid on page load … and it cuts off the top of my layer slider.

    thanks for the help!

    chris

    August 31, 2017 at 4:39 pm #846368
    Yigit

    Hey Chris,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
#top #wrap_all #header.av_header_transparency {
    position: absolute!important;
    background: transparent;
}}

    Best regards,
    Yigit

    August 31, 2017 at 4:54 pm #846384
    vlkwatchman

    thanks for your help! we can close this.

    blessings,

    chris

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘"sticky header" on mobile’ is closed to new replies.