Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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
If this was helpful, hit the like button and accept the solution.
Thanks
This is an accepted solution.
Thank you, Rahul, it worked.
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%;
}
Hi @Storeowner4 , kindly share your store URL please.
Thanks!
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
If this was helpful, hit the like button and accept the solution.
Thanks
This is an accepted solution.
Thank you, Rahul, it worked.
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.
Hi @Storeowner4
Would you mind sharing your store URL? Thanks!
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%;
}
Any idea why would that be and how to fix it?
Thanks in advance for your assistance.
Hi @Storeowner4,
Please send me the store link, I will check it again
Hi @Storeowner4,
Please add code:
.shopify-section--product-template .section {
max-width: 100%;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025