Announcement bar disappearing after scrolling

[TuneToyz]

hello my website is tunetoyz.com and whenever I scroll down the announcement bar on the top disappear I want it to always stay, even when I scroll down. Thank you so much!

 

[K-Mahesh]

Hello @TuneToyz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

.essential_annoucement_bar_wrapper {
    position: sticky;
    top: 0;
}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[TuneToyz]

hey when I add this it works but when I open my product page the title becomes covered by the header

[TuneToyz]

when adding your code the cart gets moved down on mobile aswell

[niraj_patel]

Hello @TuneToyz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.essential_annoucement_bar_wrapper_0f57462a-8d6e-4e75-8780-31caaa0d1224.clickable{
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[TuneToyz]

hey when I add this it works but when I open my product page the title becomes covered by the header

[BSS-TekLabs]

- Here is the solution for you @TuneToyz 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.essential_annoucement_bar_wrapper {
     position: fixed !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[TuneToyz]

hey when I add this it works but when I open my product page the title becomes covered by the header

[TuneToyz]

also after adding this the cart gets moved down on mobile