Content condensing to the middle on desktop and mobile - Dawn theme

Solved

Content condensing to the middle on desktop and mobile - Dawn theme

loobylou
New Member
5 0 0

Hi,

 

Can someone please help me figure out why my store content keeps condensing to the middle on both desktop and mobile? This only occurs when I click on a product. Home page etc are all fine. I have checked page width settings and I can't find the issue. Store url is loobylou.com.au – Loobylou Candles

 

Pics below

 

thumbnail_image002.png

 

 

 

 

 

 

 

thumbnail_image003.jpg

 

Accepted Solution (1)

websensepro
Shopify Partner
1854 215 262

This is an accepted solution.

Hi @loobylou 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

.shopify-section .page-width {
    max-width: 100% !important;
}

 

Result:

websensepro_0-1737018036870.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 3 (3)

websensepro
Shopify Partner
1854 215 262

This is an accepted solution.

Hi @loobylou 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

.shopify-section .page-width {
    max-width: 100% !important;
}

 

Result:

websensepro_0-1737018036870.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
websensepro
Shopify Partner
1854 215 262

@loobylou 

I have updated the code, you can paste it, and your issue will be resolved. I have also provided the screenshot.

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
loobylou
New Member
5 0 0

Thank you so much! I have been trying to figure this out for so long.

Worked perfectly. Thanks again.