Announcement bar not visible on mobile device

Solved

Announcement bar not visible on mobile device

LuneLiving
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

Accepted Solution (1)
oscprofessional
Shopify Partner
15961 2387 3095

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;
 }
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 11 (11)

oscprofessional
Shopify Partner
15961 2387 3095

Hello @LuneLiving,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
LuneLiving
New Member
7 0 0
Hi,
www.luneliving.com

many thanks
oscprofessional
Shopify Partner
15961 2387 3095

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;
 }
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
LuneLiving
New Member
7 0 0
Thank you so much!!
Really appreciated.
Simon
HannahPeck
Visitor
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

KiraKhemia
Visitor
2 0 0

Theme is the newer version

 

TykeToter
Tourist
5 1 0

I am having the same issue and do not have that section in my Assets code. Please advise. Using Bikez theme tyketoter.com Thanks!

oscprofessional
Shopify Partner
15961 2387 3095

@TykeToter ,

The banner is there in mobile view.

What is an issue?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Beaudesignco
Visitor
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

TykeToter
Tourist
5 1 0

I am using Bikez theme tyketoter.com and do not have the Asset>stylescss.scss.liquid> file to paste the code into. Please help. I need my banner to show on mobile. Most users are mobile users!

 

Thanks

manan123
Explorer
104 1 1

im also having same issue announcement bar is only visible on desktop not on mobile device , im using dawn theme , im unable to find stylescss.scss.liquid- file please help me , my website is https://mansaroverfurnishings.com/