How to expand text spacing with borders on Dawn theme?

Topic summary

A user sought help expanding text spacing with borders for the announcement header on the Dawn theme’s mobile screen.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open Assets → base.css
  • Add CSS code at the bottom of the file:
@media (max-width: 767px) {
  .announcement-bar {
    padding: 5px;
  }
}

Key points:

  • The padding value (5px) can be adjusted to fit specific store needs
  • The solution uses a media query to target mobile screens specifically
  • The user confirmed the solution worked successfully
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Hi everybody,

What is the method to expand the text spacing with borders for the announcement header on the Dawn theme (mobile screen)?

Hi @lutis ,

This is Victor 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.

Best regards,

Victor | PageFly

1 Like

It worked, thank you