How to Make the Header Sticky in Shopify Motion Theme

Motion has a native sticky header option — no custom code needed to keep navigation visible as shoppers scroll.

Steps

1. In your Shopify admin, go to Online Store > Themes and click Customize on Motion.
2. Select the Header section (it's the first item on any template).
3. Find the Sticky header setting and choose On scroll up (appears only when scrolling back up, saves screen space) or Always (stays visible at all times).
4. Click Save.

"On scroll up" tends to work better on mobile, where a permanently fixed header eats into an already small screen — and Motion is built mobile-first, so it's worth testing this on an actual phone.