I want my utility bar and announcement bar showing during scroll

[AnneP96]

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!

[PageFly-Richard · Accepted solution]

Hi @AnneP96 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
.shopify-section.announcement-bar-section{
position: sticky;
top:0;
}

</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly