Sticky both header

Home › Forums › Jevelin Theme › Sticky both header

Home › Forums › Jevelin Theme › Sticky both header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • daptee
    Participant

    Hi there. I have in my theme the style 2 of headers. I want that both headers (class=”sh-header-top sh-header-top-2″   and   class=”sh-header sh-header-2 sh-sticky-header sh-sticky-header-active”) make sticky when i scrolled down. Now is only the second header sticky and i want both headers sticky.

     

    Thanks

    Shufflehound Support
    Moderator

    Hi @daptee,

     

    I hope you are well today and thank you for your question.

     

    To achieve that we have to develop custom CSS code.

     

    Could you please share me your site URL where it’s displaying so that I can help you to achieve it?

     

    Best regards,
    Shufflehound team

    daptee
    Participant

    Thank you for your answer. Here is my page

    http://grupomsh.com.ar/nuevaWeb/servicios/

     

     

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-header-top {
    position: fixed  !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

header.primary-desktop {
    margin-top: 50px;
}

#page-container .sh-header.sh-sticky-header.sh-sticky-header-active {
    top: 46px !important;
}

.admin-bar .sh-header-top {
    top: 32px;
}

.admin-bar #page-container .sh-header.sh-sticky-header.sh-sticky-header-active {
    top: 78px !important;
}

     

     

    daptee
    Participant

    Excelent! Thanks!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

    daptee
    Participant

    Sory, one more question. Please see my website http://grupomsh.com.ar/nuevaWeb/servicios/

     

    Is there any way that my menu doesnt bounce when scrolling up and down? Thank you for your help.

    Shufflehound Support
    Moderator

    You can try achieving it using below custom CSS code.

     

    #page-container .sh-header-height {
    top: 0 !important;
    position: fixed;
    width: 100%;
    left: 0;
}
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)