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

Solved

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

Verterra
Explorer
62 1 9

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

Verterra_0-1720339835991.jpeg

 




Accepted Solution (1)

suyash1
Shopify Partner
9595 1199 1540

This is an 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;
    }
}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
9595 1199 1540

This is an 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;
    }
}

 

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

PageFly-Amelia
Shopify Partner
496 154 222

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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.