Why does my sticky header always remain on the home page?

Store Design
, , ,

Topic summary

A user running Shopify’s Ride theme 2.0 encounters an issue where the sticky header behaves differently on the homepage versus other pages. While the header correctly appears sticky only on scroll-up across the site, it remains permanently sticky on the homepage.

Likely cause:
Custom code added to make the homepage header transparent may be interfering with the sticky header functionality.

Proposed solutions:

  • One responder suggests checking theme settings that control sticky header behavior
  • Another provides custom code to paste into the theme.liquid file, targeting the homepage template specifically

Status: The thread appears to offer potential fixes but lacks confirmation whether the issue was resolved. The code snippet provided seems incomplete or corrupted in the conversation text.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi there! I am currently using the Ride them 2.0, and I have enabled a “sticky header on scroll up,” which seems to work for all pages except for the home page. On the home page, the header seems to remain sticky “always.”

I added some custom code to make the home page header transparent, and I’m wondering if it’s related. Any ideas how I can fix this? I would like the header to remain sticky upon scroll up on the home page, similar to the way it’s working on the other website pages. Any insights helps!

www.vancouverislandinabox.ca

Thanks so much!

2

Hi @VIB1

I have checked and saw your change settings to make header stick always.

3

Hi @VIB1 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

{% if template.name=='index' %}

{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly