The sticky header is not working on the product page

Store Design
, ,
1

Hello,

I’m currently using the Shopify Honey theme and have enabled the sticky header feature.

However, it seems that the sticky header is not displaying on the product page.

Could anyone provide guidance on how to ensure that the sticky header appears consistently across all pages? Your help would be greatly appreciated.

My store: https://cloudgifts.com.tw/
Product page: https://cloudgifts.com.tw/collections/all/products/silicone-lunch-box

1 Like
2

Hi @Eric_Gift ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1724292303955.png
BSSCommerceHDL_0-1724292303955.png1907×894 224 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

After adding this code, the header becomes a fixed sticky header, but on the product page, it turns into a scrolling sticky header. :cry:

1 Like
4

Pls try again with this code:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

Thank you very much!

1 Like
6

@Eric_Gift , No problem. Have a good day :heart_eyes: