Shopify themes, liquid, logos, and UX
I would like to make it so that this section extends the entire width of the page.
Would anyone be able to advise?
Website: thespiralpath.myshopify.com
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @plants4friendz , add this css property to the section :
max-width:100%;
This is an accepted solution.
We will need to change some css, so navigate to section-multicolumn.css file and search for this piece of code
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
instead of padding :0 it will be
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0 5rem;
}
This is an accepted solution.
Hi @plants4friendz , add this css property to the section :
max-width:100%;
Amazing! Thank you so much.
Do you happen to know how I can add padding to either sides of the trio of images so that there's white space on either side?
Thanks, Do you mean on mobile view you want to add white space on the images sides?
I want to add white space to the left and the right of the page so that the images aren't so overwhelming.
This is an accepted solution.
We will need to change some css, so navigate to section-multicolumn.css file and search for this piece of code
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
instead of padding :0 it will be
.multicolumn-list {
margin-top: 0;
margin-bottom: 0;
padding: 0 5rem;
}
Thank you so much for your help!
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
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