How can I delete the announcement banner only on mobile view?

Solved

How can I delete the announcement banner only on mobile view?

Mattinnovations
Excursionist
47 0 13

Hey everyone I'm trying to remove the announcement banner from my website for mobile only. I still want it to display on desktops. It's the green bar that starts with "14g of plant based protein" the URL is this:

 

https://natural-endurance.myshopify.com/

 

Any help?

 

Thanks!

Accepted Solution (1)
suyash1
Shopify Partner
10711 1324 1699

This is an accepted solution.

@Mattinnovations - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.announcement-bar{display: none; visibility: hidden;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
10711 1324 1699

@Mattinnovations - video banner?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Mattinnovations
Excursionist
47 0 13

No I'm sorry. The announcement banner where it says "14g of plant based protein" just takes up too much space on mobile

suyash1
Shopify Partner
10711 1324 1699

This is an accepted solution.

@Mattinnovations - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.announcement-bar{display: none; visibility: hidden;}
}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Mattinnovations
Excursionist
47 0 13

Thanks so much!