On our website for custom HTML sections, there is padding on the left and right of these sections. We are using the “Flow” theme. How can we remove this padding to make each section automatically span the width of the website on any screen?
Best,
AllPeople Web Dev Team
hello @bwollrab
can you please share your shop page preview URL of remove padding for the custom HTML section
sorry for that issue can you please share your new theme url current theme is doesn’t see that section so please show me so i will guide you
Please add the following code at the bottom of your assets/theme-index.min.css file.
#walletWrapper{
max-width: auto !important;
}
Hope this works.
thanks for url
.wrapper {max-width: 100%;}
hello @bwollrab
@media only screen and (min-width: 750px){
#shopify-section-1632223533f7d65239 .wrapper , #shopify-section-1631621563eb86d5cc .wrapper {
max-width: 100% !important ;
}
}
It does make the sections wider but it doesn’t make them full-width. Still some padding.
Hi @KetanKumar , this solution doesn’t work, no change to website
Hi @dmwwebartisan , there was no change to the website.
Please send page url where to place custom html section
i will check and send correct solution for you.
Thanks!
can you please share particular page url and full screenshot
https://lpi06whmmm6xxphj-48782803102.shopifypreview.com
its the home page, there is lots of padding in custom html sections (these 3 sections are all custom)
#wallet {
justify-content: center !important;
margin: 0 auto !important;
}
#shopify-section-1631621563eb86d5cc .wrapper {
padding: 0 0px !important;
}
#shopify-section-1632223533f7d65239 .wrapper {
padding: 0 0px !important;
}
Thanks!
Hii, @bwollrab
Paste this code on top of the theme-index-min.css file.
.one-whole {
width: 105.3% !important;
margin-left: -3% !important;
}
Thank You.
Worked for me!
