Sticky Header on Mobile - Impulse Theme

[TBS2023]

Hello

Please advsie how to make my header sticky on Mobile

www.thebodyshop.com.lb

dosawr

Regards

[BrainStation23]

Hi @TBS2023. In impluse theme you will find the settings to make your header sticky. You can see the below image:

Let us know if you need any help. Have a great day.

[Rahul_dhiman]

Hello @TBS2023 
Go to online store ---------> themes --------------> actions ------> customization.

let me now if this was helpful.
Thanks

[TBS2023]

I already have this clicked- but it doesnt work on Mobile

[Rahul_dhiman]

Please share your website URL.

[TBS2023]

www.thebodyshop.com.lb

dosawr

[Anshul_arora · Accepted solution]

Hello @TBS2023 ,

I understand you are looking to make your Header section sticky on the mobile version.

Kindly add the below code at the bottom of the theme.liquid file before </body> tag and save for the desired output.

<style>
@media only screen and (max-width: 769px)
{
.site-header--opening .header-layout.header-layout--center {
display: flex !important;
}
.header-layout.header-layout--center {
position: sticky !important;
}
}
</style>

Output -:

I hope the code helps you.

Please share if you have any queries.

Thank you.