Change announcement bar font + size on dawn theme

Store Design
, , ,
1

Hi,

I was using this code

.announcement-bar__message {
font-size: 13px;
font-family: poppins medium;
}
on my store’s announcement bar, but when I look at my store on mobile, the font shows as Times New Roman. How do I get my mobile site to have the same font as my desktop site?

Thanks

mobile version:

mobile version
mobile version1118×479 382 KB

desktop version:

desktop version
desktop version2546×364 112 KB

2

Hello @NicoleJB
Its Artzen Technologies! We will be happy to help you today.

Please send your store url

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hi!

it’s www.jazzyboo.com.au

4

look good on mobile

Artzen_tech_2-1695883917732.png
Artzen_tech_2-1695883917732.png273×160 2.98 KB

Artzen_tech_3-1695883948307.png
Artzen_tech_3-1695883948307.png472×530 14.7 KB

5

from that photo, i’m seeing times new roman font, it’s supposed to be “Poppins” like my desktop site

6

this is your desktop view

Artzen_tech_0-1695884344047.png

and this is mobile

Artzen_tech_1-1695884380125.png
Artzen_tech_1-1695884380125.png484×190 7.75 KB

7

how would i change them both to Poppins medium, 13px?

thanks

8

please add poppins font to your store

Download from here :-https://fonts.google.com/specimen/Poppins

9

Hi @NicoleJB

If you did not include font family to your Shopify theme and your PC does not have this font then it will appear in default font of your PC.

10

Hi @NicoleJB ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly