Annoucement Bar bigger *Responsive*

[back2natureheal]

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.

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}

[Moeed · Accepted solution]

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 </body> tag

<style>
@media screen and (max-width: 767px) {
.announcement-bar .announcement-bar__message {
    line-height: 1.5 !important;
}
}
</style>

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

Best Regards,
Moeed