How do I adjust the left/right white space width on the website (OOTSB Turbo)

Solved

How do I adjust the left/right white space width on the website (OOTSB Turbo)

Storeowner4
Excursionist
13 1 4

Hello,

I am trying to make the entire website full-width or reduce the white left/right padding (I need to test both options to see which one looks best). I would really appreciate it if anyone could provide a solution.

Thanks in advance. 

Storeowner4_0-1725365234942.png

 

Accepted Solutions (3)

Rahul_dhiman
Shopify Partner
740 143 150

This is an accepted solution.

Hello @Storeowner4 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->styles.css
add this code at the end of the file.

section.section {
max-width: 95%;
}

result
5.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Storeowner4
Excursionist
13 1 4

This is an accepted solution.

Thank you, Rahul, it worked.

View solution in original post

namphan
Shopify Partner
2263 296 332

This is an accepted solution.

Hi @Storeowner4,

Please go to styles.css.liquid file and add code:

.section-wrapper--product {
  max-width: 100%;
  width: 100%;
}
.section-wrapper--product .section {
  max-width: 90%;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Replies 10 (10)

topnewyork
Astronaut
1125 151 186

Hi @Storeowner4 , kindly share your store URL please. 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Rahul_dhiman
Shopify Partner
740 143 150

This is an accepted solution.

Hello @Storeowner4 
Go to online store ----> themes ----> actions ----> edit code ---->assets ---->styles.css
add this code at the end of the file.

section.section {
max-width: 95%;
}

result
5.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

Storeowner4
Excursionist
13 1 4

This is an accepted solution.

Thank you, Rahul, it worked.

Storeowner4
Excursionist
13 1 4

Hi Rahul,

After checking the home page, I marked this as an accepted solution. Unfortunately, the code did not change the white space on the product pages. Do I need to paste the code into another file?

Thanks in advance. 

Made4uo-Ribe
Shopify Partner
9854 2344 2941

Hi @Storeowner4 

Would you mind sharing your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

namphan
Shopify Partner
2263 296 332

This is an accepted solution.

Hi @Storeowner4,

Please go to styles.css.liquid file and add code:

.section-wrapper--product {
  max-width: 100%;
  width: 100%;
}
.section-wrapper--product .section {
  max-width: 90%;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
Storeowner4
Excursionist
13 1 4
Hi Namphan,
I have another Turbo website, and the code that worked for the first one only partially worked for the second website.
On the product page, it did change the width of the white space, for the section below the product description. But the top part of the page remained unchanged. very interesting. 
Storeowner4_0-1726141934507.png

 

Any idea why would that be and how to fix it?

Thanks in advance for your assistance. 

 
 
namphan
Shopify Partner
2263 296 332

Hi @Storeowner4,

Please send me the store link, I will check it again

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
Storeowner4
Excursionist
13 1 4
namphan
Shopify Partner
2263 296 332

Hi @Storeowner4,

Please add code:

.shopify-section--product-template .section {
max-width: 100%;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com