Goal: keep the utility bar and announcement bar visible during scroll so the entire header remains on screen, similar to the existing sticky menu.
Context: The store owner shared the storefront URL and password for review.
Proposed approach: A helper suggested adding custom code in theme.liquid (Shopify > Online Store > Themes > More actions > Edit code > theme.liquid) and pasting it above .
Gap: The referenced code snippet is missing/blank in the reply, so the exact implementation details are not provided in the discussion.
Outcome: No confirmation of a working solution. The thread remains unresolved until the actual code is supplied or further instructions are given.
Notes: The missing code snippet is central to achieving the sticky header behavior; additional specifics are required to proceed.
Hello everyone,
I would like my utility bar and announcement bar to stay present while scrolling, just like my menu is now.
So I would like the whole header to still be seen while scrolling the website.
Anyone knows how to do that?
Website: https://the-lena.studio/
Pw: VintageHandmade9624!
Thank you!
Hi @AnneP96
This is Richard 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,
Richard | PageFly