How do I prevent line breaks in my announcement header for Mobile View? Dawn theme

Store Design
1

Hi,
I am trying to iron out some kinks on my mobile view for my website. Currently my announcement banner is divided into two lines, is there a way to make it such that it is all shown in one line without any line breaks? Thanks!

Verterra_0-1715790335935.png
Verterra_0-1715790335935.png650×930 154 KB

2

Hi @Verterra , pls insert this code to your file css :

@media only screen and (max-width: 749px) {
    .announcement-bar__message {
        font-size: 1.1rem !important;
    }
}

Here is result:

BssTechVenture_0-1715790962931.png
BssTechVenture_0-1715790962931.png624×752 276 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you :heart_eyes:

3

Hi,

Thank you this was really helpful! :slightly_smiling_face: