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

con_stolz
New Member
6 0 0

Also want to add phone number in the top right corner. Screenshot (8).png

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7525 1450 1449

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

 

- Helpful? Like or Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

con_stolz
New Member
6 0 0

Hey,

 

Didn't work. 

websensepro
Shopify Partner
1011 139 147

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

Thanks

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
con_stolz
New Member
6 0 0

Did not work