How do I make announcement bar text smaller on mobile view only?

[kirstenlc5]

Hi, I need to make this custom font announcement bar text a bit smaller but on mobile only. Please do not change the desktop. 

How do I do this?

Thank you ❤️

Using dawn

https://dummytesting123403.myshopify.com/

password: meow

[ZenoPageBuilder]

Hello @kirstenlc5 👋

To do that, in Shopify Admin, go to Themes > Edit code, open file base.css and add this code snippet at the bottom

@media (max-width: 749px) {
    .announcement-bar__message {
        font-size: 10px !important;
    }
}

The result

Hope that helps!

[veravi_]

Hi, this is not working for me, can you assist? 

www.veravifashion.com

[PageFly-Victor]

Hi @kirstenlc5 .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code  and add this code on file base.css

@media screen and (max-width: 767px){
span.h2 {
font-size: 18px !important;
}
}

Hope this answer helps.

Best Regards,

PageFly

[veravi_]

hi can you provide a solution for me? I want to reduce the announcement banner height on my mobile site. 

www.VERAVIfashion.com