How to make header text smaller

Solved
Highlighted
Excursionist
29 0 4

Hello,

I would like to make the "FREE UK POSTAGE FOR ORDERS OVER £20" text smaller - especially on mobile view. 

Is there a way to do this? My website is www.nichollsjewellery.com

Thank you

Lisa

1 Like
Highlighted
Shopify Partner
7687 1058 2675

This is an accepted solution.

Hello, @lisatrendy 

Welcome to the Shopify community!
and Thanks for your question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.announcement-bar__message {
font-size: 14px; /* Desktop Font Size change value as you like */
}
@media only screen and (max-width: 749px) {
.announcement-bar__message {
font-size: 12px; /* mobile Font Size change value as you like */
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
29 0 4

Thank you so much! That has worked fantastically! 

1 Like
Highlighted
Shopify Partner
7687 1058 2675

@lisatrendy 

Thanks for update and your compliment 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes