Sticky/Fixed Header

Home Forums Teethy theme support Sticky/Fixed Header

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #122863
    Cecilia
    Participant
    • Topics: 11
    • Replies: 15
    • Total: 26
    Member since: August 30, 2016

    Hi, I will like to request the code to make the header stay on the top when it scrolls on the theme SKT Teethy thank you.

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

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #122984
    Cecilia
    Participant
    • Topics: 11
    • Replies: 15
    • Total: 26
    Member since: August 30, 2016
    #122985
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 22375
    • Total: 22375
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .header_wrap.layer_wrapper { position: fixed; z-index: 11; width: 100%;}
    .header { position: fixed !important; z-index: 10;}
    #slidera { margin:127px auto 0;}
    
    @media screen and (max-width:1023px) {
    .header_wrap.layer_wrapper { position: relative;}
    .header { position: relative !important; z-index: 10;}
    #slidera { margin:0 auto 0;}
    }

    Regards,
    Chris

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