Announcement bar doesn’t display on mobile

Shopbymare
New Member
5 0 0

The theme we use has an announcement bar it shows it on desktop mode but for some reason it doesn’t show on mobile

Can someone help us out? Do we need to change code?

https://www.shopbymare.com

0 Likes
Zworthkey
Shopify Partner
296 17 55

 

@media (max-width: 980px)
.device-hide {
 display: inline-block;
}

 

0 Likes
Zworthkey
Shopify Partner
296 17 55

Paste this code into the theme.scss

Thank you.

0 Likes
Shopbymare
New Member
5 0 0

what folder would that be under?

0 Likes
Zworthkey
Shopify Partner
296 17 55

Go to the Dashboard

Then click on Action Section.

Click on it.

Now 

Edit  code

Now check out Theme.scss.liquid section

open it. And paste the code.

 

0 Likes
Shopbymare
New Member
5 0 0

These are options I see 

 

Which one?

 

Screen Shot 2021-03-05 at 11.17.47 PM.pngScreen Shot 2021-03-05 at 11.17.24 PM.pngScreen Shot 2021-03-05 at 11.17.14 PM.pngScreen Shot 2021-03-05 at 11.17.04 PM.pngScreen Shot 2021-03-05 at 11.16.53 PM.pngScreen Shot 2021-03-05 at 11.16.41 PM.pngScreen Shot 2021-03-05 at 11.16.27 PM.pngScreen Shot 2021-03-05 at 11.16.14 PM.pngScreen Shot 2021-03-05 at 11.16.01 PM.pngScreen Shot 2021-03-05 at 11.15.44 PM.png

0 Likes
Zworthkey
Shopify Partner
296 17 55

their is search box

You can search it on Theme.scss.liquid

And open it and [paste the code.

thank you.

0 Likes
Shopbymare
New Member
5 0 0

These are the only things that come up when I search theme

 

Screen Shot 2021-03-06 at 12.07.10 AM.png

0 Likes
Zworthkey
Shopify Partner
296 17 55

Theme.scss.liquid

0 Likes
Zworthkey
Shopify Partner
296 17 55

Search This whole one.

 

0 Likes