How can I make a sticky header and prevent logo size changes on Express?

[mataleogml]

Hi I am currently running https://shop.dipulse.com and I am trying to make the header sticky and prevent the logo from constantly changing it size when scrolling.

Thanks for helping!

[Martini4a]

I have tested your website and got the same results. If you want to have it changed you will need to hire a developer.

Feel free to contact us, if you want us to take a look at the task. But before you contact a developer, have you looked in the customizer if it’s possible to make the changes, a lot of times, the theme developers have already thought of making the changes, so please start by taking a look at theme settings in the customizer.

Best of luck.

[dmwwebartisan]

@mataleogml

Please add the following CSS code to your assets/theme.min.css bottom of the file.

.menu-navigation-wrapper--hidden {
    visibility: unset !important;
    opacity: 1 !important;
}

.header {
    position: fixed !important;
    width: 100% !important;
}

.header__logo-image {
    max-width: 180px !important;
}

Hope this works!

Thanks!

[mataleogml]

Thanks for helping, this mostly help but on sometime the menu will become mobile menu when you scroll back