- This topic has 3 replies, 2 voices, and was last updated 7 years, 3 months ago by
.
Hello.
You have a very “cool” effect with your header menu when a user scrolls down the page – specifically the style changes. However, I would much rather not have any style change. Can I keep the header sticky to the top, while maintaining the “post scroll” styling?
-Josh
Solution for this topic
Hi Josh,
Thank you for your question.
You can try achieving 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
#page-container .sh-header:not(.sh-header-4):not(.sh-header-5):not(.sh-header-6) .sh-nav > li.menu-item > a { padding-top: 30px; padding-bottom: 30px; } #page-container .sh-sticky-header-active { max-width: 100% !important; }It depends on what header layout you are using so if the above CSS code doesn’t work for you then please share me your site URL so that i can check it.
Best regards,
Shufflehound teamthat did it! Perfect, thanks!
You are most welcome here 🙂
