Prestige theme sticky header only for mobile

Marllz · ‎11-25-2021

So im trying to make my header sticky only for my mobile view but not desktop but somehow on my prestige theme menu it doesnt have that feature so i believe it requires some coding. Anybody can help me with this?

Thanks in advance !

dmwwebartisan · ‎11-26-2021

@Marllz

Please share your store URL!

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

Marllz · ‎11-26-2021

my url is mispacci.myshopify.com

dmwwebartisan · ‎11-26-2021

@Marllz

This is code customization work.

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

diego_ezfy · ‎11-26-2021

@Marllz, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (min-width: 750px){
    #shopify-section-header{
    position: static !important;   
}
}

Kind regards,
Diego

◦ Replace apps with copy/paste code snippets and save money.
◦ Follow my blog & youtube for coding tutorials | Let's work together - click here to hire me!

Marllz · ‎11-27-2021

it works but the menu on my header is gone any idea ?

Prestige theme sticky header only for mobile

Prestige theme sticky header only for mobile

Community Blog Articles