Can you disable the sticky menu/header on Express theme?

Veegz
Visitor
2 0 2

How do I disable the sticky menu/header?

 

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

Thank you

Replies 6 (6)

Zworthkey
Shopify Partner
5581 642 1565

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

Zworthkey
Shopify Partner
5581 642 1565

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

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

Thank you.

dmwwebartisan
Shopify Partner
12282 2546 3694

 

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Veegz
Visitor
2 0 2

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

dmwwebartisan
Shopify Partner
12282 2546 3694

@Veegz 

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

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

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Zworthkey
Shopify Partner
5581 642 1565
main#MainContent {
    padding-top: 0px !important;
}

@Veegz Add this code in theme.min.css