How to increase text spacing with edges on announcement header in dawn theme (moblie screen)?
Thanks!
How to increase text spacing with edges on announcement header in dawn theme (moblie screen)?
Thanks!
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.
@PageFly-Kate Thanks it worked great. May I ask: is there a way to make the text on the announcement bar bigger and uppercase?
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
It works great! Thanks again