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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
Hi,
www.luneliving.com

many thanks
0 Likes
Highlighted

Success.

@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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
New Member
7 0 0
Thank you so much!!
Really appreciated.
Simon
0 Likes