Announcement bar not visible on mobile device

Solved
Highlighted
New Member
7 0 0

Hi,

My announcement bar is visible on PC and tablet yet not appearing on mobile device setting??

I am a novice to this so any assistance really much appreciated and the simpler the better.

 

Thank you,

Simon

0 Likes
Highlighted

Hello @LuneLiving,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
Hi,
www.luneliving.com

many thanks
0 Likes
Highlighted

This is an accepted solution.

@LuneLiving,

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

@media screen and (max-width: 568px) {
 .announcement-bar {
  display:block !important;
 }
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
New Member
7 0 0
Thank you so much!!
Really appreciated.
Simon
0 Likes
Highlighted
New Member
1 0 0

Hey there, I'm having this same problem but I don't see a stylescss.scss.liquid section in my assets code. I have a theme.scss.liquid section. Is that the same thing? If so, do I scroll allllllll the way down and paste? Thanks for any help you can provide! Really appreciate it!

-Hannah

0 Likes
Highlighted
New Member
1 0 0

Hey! So I don't have that option in my code. Do you know how I can make my announcement bar visible on mobile devices?

My Website is www.beaudesignco.com

0 Likes
Highlighted
New Member
2 0 0

Theme is the newer version

 

0 Likes