- This topic has 7 replies, 2 voices, and was last updated 7 years ago by
.
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
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 teamSolution 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; }Excelent! Thanks!
You are most welcome here 🙂
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.
You can try achieving it using below custom CSS code.
#page-container .sh-header-height { top: 0 !important; position: fixed; width: 100%; left: 0; }
