Sticky Header Menu WITHOUT styling change

Home Forums Jevelin Theme Sticky Header Menu WITHOUT styling change

Home Forums Jevelin Theme Sticky Header Menu WITHOUT styling change

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts
  • 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 team

    that did it!  Perfect, thanks!

    You are most welcome here 🙂

Viewing 4 posts - 1 through 4 (of 4 total)