How to remove padding for custom HTML section

bwollrab
Tourist
6 0 5

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?

bwollrab_0-1634471641431.png

Best,

AllPeople Web Dev Team

https://allpeoplemarket.com/

Replies 16 (16)
Natztech
Shopify Partner
2237 565 1373

hello @bwollrab 

can you please share your shop page  preview URL  of remove padding for the custom HTML section

dmwwebartisan
Shopify Partner
9824 2236 3076

@bwollrab 

Please share page URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
24923 2498 9041

@bwollrab 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
9824 2236 3076

@bwollrab 

Please add the following code at the bottom of your assets/theme-index.min.css file. 

Click to expand...
#walletWrapper{
max-width: auto !important;
}

Hope this works. 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
24923 2498 9041

@bwollrab 

thanks for url 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.

.wrapper {max-width: 100%;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2237 565 1373

hello @bwollrab 

@media only screen and (min-width: 750px){
#shopify-section-1632223533f7d65239 .wrapper  , #shopify-section-1631621563eb86d5cc .wrapper {
        max-width: 100% !important ;
}
}
bwollrab
Tourist
6 0 5

It does make the sections wider but it doesn't make them full-width. Still some padding. 

bwollrab
Tourist
6 0 5

Hi @KetanKumar, this solution doesn't work, no change to website