Sticky Announcement bar - Prestige

Tourist
6 0 0

Thank you @Ninthony , just if i use menu for mobile, top of the menu is higher than header.

 

 

announcement_bar.png

 

Next is, if i go to collection and or any other page, top of the header is higher than announcebar. It works at homepage only.

 

announcement_bar_2.png

 

 

Looks like more complicate.

0 Likes
Highlighted
Astronaut
834 94 177

Yeah that's the thing about sticky announcements or navigation bars. If your site has already been designed to not have one, then you have to find all the spots in the store that need to get pushed down. If you instead put it in your shop.js without the script tags it will work across all pages. Alternatively you can put it in your theme.liquid in your layouts folder in script tags at the end of the body. 

 

You can add css to your side navigation to push it down:

 

@media (max-width: 1240px){
.Drawer__Main { padding-top: 17px; }
}
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes