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

Viewing 5 posts - 16 through 20 (of 20 total)
  • Author
    Posts
  • #126118
    nahumpfrancisnahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    https://imgur.com/OSs9WR2

    #126119
    nahumpfrancisnahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    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 ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 28808
    • Total: 28808
    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
    nahumpfrancisnahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Thanks Chris, It worked.

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

    👍

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