How can I make my announcement bar sticky?

Highlighted
Explorer
167 2 8

Hi,

Does anyone know how I can make my announcement bar sticky?

Website url: www.smartnutriton.nl or smartsnutrition.myshopify.com
Password: plazay

Thanks!

1 Like
Highlighted
New Member
1 0 0
am also learning how to use this.bt we will get there soon
0 Likes
Highlighted
Explorer
167 2 8

Let me know when u found it!

0 Likes
Highlighted
Shopify Expert
1381 111 200

Hello, @smilemerry007

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

@media (min-width: 1200px){
.header-section {
top: 35px;
}
.header_00 {
position: fixed;
}

}

0 Likes
Highlighted
Explorer
167 2 8

Hi, I think u got it almost. I got a sticky header so the header is still displayed when scrolling down, I want the announcementbar so stick along with this header. Look example website:

https://dedicatednutrition.eu/?gclid=CjwKCAjwvtX0BRAFEiwAGWJyZGxzell8mHydKeP5FyyHm_nimbOhoA_PV4fGdwZ...

 

With current answer u posted it sticks to top of page, I want to be displayed when scrolling down aswell!

Niels

0 Likes