How to expand text spacing on dawn theme's mobile announcement header?

Store Design
1

How to increase text spacing with edges on announcement header in dawn theme (moblie screen)?

Thanks!

2

Hi @lilrik ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file

@media (max-width: 767px) {
.announcement-bar{
    padding: 5px;
}
}

Note: You can increase or decrease the px value to fit your store

Hope my answer will help you.

1 Like
3

@PageFly-Kate Thanks it worked great. May I ask: is there a way to make the text on the announcement bar bigger and uppercase?

4

Hi @lilrik ,

Yes, you can add this code below:

@media (max-width: 767px) {
    .announcement-bar__message {
        font-size: 15px;
        text-transform: uppercase;
    }
}

Note: You can increase or decrease the px value to fit your store

1 Like
5

It works great! Thanks again