How do I make the header sticky on scroll in Maker Theme?

Store Design

Topic summary

A user seeks help making the header sticky on scroll for their Shopify store (struckbylashes.com) using the Maker theme.

Current Status:

  • Sticky header works on desktop
  • Not functioning properly on mobile devices

Solution Provided:
Navigate to: Shopify Admin → Online Store → Themes → Actions → Customize → Header settings, then enable the “Enable sticky bar” option.

The discussion appears resolved with a straightforward built-in theme setting, though the original poster hasn’t confirmed whether this fixed the mobile issue.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’d like to make the header section sticky on scroll - site URL is struckbylashes.com.

Is there any suggestions someone could provide on how to edit the code here?

Many Thanks!

Naim

2 Likes
2

@StruckByLashes

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks @KetanKumar !

The Shopify URL is struckbylashes.my shopify.com.

I have managed to get the sticky header to work on desktop however on mobile it doesn’t seem to be working. Could you kindly assist?

Many Thanks!

4

Hello @StruckByLashes

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify admin panel.

  • Click on Online Store > Themes.

  • Find the theme you want to edit, and then click Actions > Customize.

  • Then go to Header settings inside that click on “Enable sticky bar”: https://prnt.sc/LLTXQz8jcWf-

Please hit Like and Mark it as a Solution if you find our reply helpful.