Hi, is there a way to enable sticky headers only for my product pages? I just want a normal header for the homepage of my website pages so it is easy to read. Thank you! P.S. I am using symmetry theme theme this is my link store: https://vomeroitaly.com/ thanks

Good job! Ok so here is the part you need to change: basically all the code that is inside .section-header {…} need to be put inside like following: {% if template.name != "index" %} .section-header { position: -webkit-sticky; position: sticky; } {% endif %} so you final code looks like …

Hi, is there a way to only enable sticky headers for my product pages?

Store Design

kevinkarma55 October 25, 2024, 7:02pm 5

try finding it in theme.liquid

Topic		Replies	Views
Remove sticky header only on product page for Vessel Theme Store Design design	9	56	September 23, 2025
How to apply CSS on mobile on specific pages only Store Design troubleshooting	3	74	September 24, 2025
The sticky header is not working on the product page Store Design header , shopify-themes , product-page	5	33	August 22, 2024
Sticky header only on the product page Store Design design , header , collection-page	4	28	July 29, 2024
Sticky Header not working on PC/Desktop Store Design header	8	26	August 22, 2024

Hi, is there a way to only enable sticky headers for my product pages?

Related topics