Sticky/Fixed Header

Home › Forums › Teethy theme support › Sticky/Fixed Header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 5, 2019 at 3:52 pm #122863
    CeciliaCecilia
    Participant
    • Topics: 15
    • Replies: 20
    • Total: 35
    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.

    May 6, 2019 at 8:59 am #122887
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31263
    • Total: 31263
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    May 8, 2019 at 5:15 am #122984
    CeciliaCecilia
    Participant
    • Topics: 15
    • Replies: 20
    • Total: 35
    Member since: August 30, 2016

    Sure, it is: https://m3.marketingdigitalmonterrey.com.mx/

    Thank you

    Cecy M

    May 8, 2019 at 5:28 am #122985
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 31263
    • Total: 31263
    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

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