Sticky header & announcement bar gone from collection page

Store Design
, ,
1

hey @GemPages

I created collection page for my site : https://hitzcreation.com/collections/necklaces

it was created awesome you are just amazing, the only thing I need to solve is this sticky header & bar not being sticky only in collection page.

Please help out Thank you.

hitzcreation_0-1675791850748.png
hitzcreation_0-1675791850748.png1303×336 15.5 KB

2

hello @hitzcreation

You can add code by following these steps to make header and announcement bar sticky

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { body.template-collection .sticky-announcement_bar .announcement-section,.sticky-header .header-section { position: fixed !important; width:100% !important; } body.template-collection .main-content{ top:110px; } }

techlyser_ecom_0-1675793121148.png
techlyser_ecom_0-1675793121148.png1903×875 226 KB

3

Hi @hitzcreation

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Victor | PageFly