How to make my header sticky on scroll using SKT Golf theme

Home Forums All Other Themes How to make my header sticky on scroll using SKT Golf theme

Tagged: 

Viewing 5 posts - 16 through 20 (of 20 total)
  • Author
    Posts
  • #126118
    nahumpfrancis
    Participant
    • Topics: 25
    • Replies: 59
    • Total: 84
    Member since: August 30, 2018
    #126119
    nahumpfrancis
    Participant
    • Topics: 25
    • Replies: 59
    • Total: 84
    Member since: August 30, 2018

    I having issues when I try to do sticky header using the following code. I tried changing the px values and still having the issues….

    .header { z-index:99999999 !important;}

    .header { position:fixed !important;}
    #slidera { margin-top:50px !important;}


    @media
    screen and (max-width:479px) {
    .slider-wrapper { margin-top:80px;}
    }

    Please help me fix this.. This is a screenshot form iPad..

    Thank you

    #126141
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24467
    • Total: 24467
    Member since: August 16, 2013

    Hi,

    Kindly use this one

    @media screen and (min-width:480px) and (max-width:767px) {
    .slider-wrapper { margin-top:80px;}
    }
    
    @media screen and (min-width:768px) and (max-width:1023px) {
    .slider-wrapper { margin-top:80px;}
    }
    
    @media screen and (min-width:1024px) and (max-width:1160px) {
    .slider-wrapper { margin-top:50px;}
    }

    Regards,
    Chris

    #126309
    nahumpfrancis
    Participant
    • Topics: 25
    • Replies: 59
    • Total: 84
    Member since: August 30, 2018

    Thanks Chris, It worked.

    #126326
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24467
    • Total: 24467
    Member since: August 16, 2013

    👍

Viewing 5 posts - 16 through 20 (of 20 total)
  • You must be logged in to reply to this topic.