Annoucement Bar bigger *Responsive*

Store Design
1

I* am using the dawn theme. I have found code that will make my announcement bar bigger, however its not mobile responsive, see screenshot below. I want the text to be bigger and boloder on both desktop and mobile view also.

back2natureheal_0-1726316221641.png
back2natureheal_0-1726316221641.png358×355 9.27 KB

back2natureheal_1-1726316236654.png
back2natureheal_1-1726316236654.png1451×236 12.3 KB

The code I used to make the announcement bar bigger is in base.css:

.announcement-bar{height:70px !important}
.announcement-bar .announcement-bar__message{line-height:4}

2

Hey @back2natureheal

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like