How can I turn off the sticky menu/header on my Express theme?

Store Design
1

How do I disable the sticky menu/header?

Website: https://vegan-candy-shop.myshopify.com/
Theme: Express

Thank you

1 Like
2

@Veegz
Kindly Share the theme.scss file whole code.

3

@Veegz
Add this code in theme.min.css file at the below

.header-wrapper.header-wrapper--hidden{
position:relative !important;
}

Thank you.

4

@Veegz

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

.header-wrapper--hidden {
    transform: unset !important;
    position: relative !important;
}

.header-wrapper {
    position: initial !important;
    transition: unset !important;
}

Thanks!

5

Thank you! It has fixed the sticky header.
However, it now leaves a large gap between the product and the menu, how can I fix this?

Thank you so much,

Jamie

1 Like
6 
main#MainContent {
    padding-top: 0px !important;
}

@Veegz Add this code in theme.min.css

7

@Veegz

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

main#MainContent {padding-top: 0px !important;}

Thanks!