How to make my announcement header one line on mobile view, dawn theme

[Verterra]

Hi, does anyone know how to make my announcement go into one line for my mobile view? Right now its split into two lines. Thanks!

My store URL is: https://verterra.sg/password, password is VerterraTest123

[suyash1 · Accepted solution]

@Verterra - it is due to font size, you will need to reduce font size of the text, please add this css to the very end of your base.css file and check

@media screen and (max-width: 750px) {
    .announcement-bar__message {
        font-size: 0.8rem;
    }
}

[PageFly-Amelia]

Hi @Verterra 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

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

Step 2: Search file base.css

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

@media (max-width: 767px){

.page-width.utility-bar__grid {

    padding: 0 !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly