Sticky header & announcement bar gone from collection page

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.

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; } }

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