Dawn Theme 13.0.1 How to make announcement bar full-width?

Store Design
, , ,

Topic summary

A user seeks to make the announcement bar full-width in Dawn Theme 13.0.1 and add a phone number to the top right corner.

Solutions Proposed:

  • Add CSS code targeting .page-width with max-width: 100%, padding: 0, and margin: 0 (all marked !important)
  • Two implementation methods suggested:
    1. Add to Custom CSS in announcement bar section settings
    2. Add to base.css file via “Edit Code”

Current Status:

  • The proposed solutions did not work for the original poster
  • Issue remains unresolved with no follow-up troubleshooting provided
Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Also want to add phone number in the top right corner.

Screenshot (8).png
Screenshot (8).png1920Ă—993 459 KB

2

Hi @con_stolz

You can do that by adding this CSS code to Custom CSS of announcement bar section

.page-width {
max-width: 100% !important;
padding: 0px !important;
}

Screenshot 2024-03-15 at 09.40.22.png
Screenshot 2024-03-15 at 09.40.22.png1681Ă—724 217 KB

3

Hi @con_stolz ,

Go to your online store, click on “Edit Code,” find the base.css file, and add this code at the bottom.

.page-width {
max-width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}

websensepro_0-1710486540931.png
websensepro_0-1710486540931.png278Ă—596 9.72 KB

Thanks

1 Like
4

Hey,

Didn’t work.

5

Did not work