Dawn theme Announcement bar - font size/colour

Store Design
,
1

Hi, I hope you’re all well

I recently made a scrolling announcement bar using html. However when I make the phrase “FREEDEL” on the bar bold the whole phrase seems to increase in font size. Is there anyway I can sort this please

This is only on mobile browsers

I will attach screenshots below

Thank you

url: https://thescentmaster.co.uk

@theycallmemakka

@KetanKumar

IMG_4242.png
IMG_4242.png1284×2778 316 KB

2

Hello @TheScentMaster

You can add code by following these steps to change ATC background color

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.marquee-content li .freedel { color: #C60000 !important; font-weight: 400 !important; font-size: 14px; }
3

Hello @niraj_patel

Thank you for replying, unfortunately this does not work on the mobile browser

Is there anything else I can try?

My aim is to have the font size to be the same on the announcement bar and have “FREEDEL” in bold and red on mobile browsers

On desktop it works perfectly

Thank you!