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!
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024