Announcement bar doesn’t display on mobile

Shopbymare
Tourist
11 0 5

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

Replies 11 (11)

Zworthkey
Shopify Partner
5581 642 1565

 

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

 

Zworthkey
Shopify Partner
5581 642 1565

Paste this code into the theme.scss

Thank you.

Shopbymare
Tourist
11 0 5

what folder would that be under?

Zworthkey
Shopify Partner
5581 642 1565

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.

 

Shopbymare
Tourist
11 0 5

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

Zworthkey
Shopify Partner
5581 642 1565

their is search box

You can search it on Theme.scss.liquid

And open it and [paste the code.

thank you.

Shopbymare
Tourist
11 0 5

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

 

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

Zworthkey
Shopify Partner
5581 642 1565

Theme.scss.liquid

Zworthkey
Shopify Partner
5581 642 1565

Search This whole one.

 

Shopbymare
Tourist
11 0 5

I copied and pasted no luck

Zworthkey
Shopify Partner
5581 642 1565
@media (max-width: 980px)
.device-hide {
    display: block;
}