Shopify themes, liquid, logos, and UX
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
Please add the following code at the bottom of your assets/theme-index.min.css file.
Hope this works.
Please send page url where to place custom html section
i will check and send correct solution for you.
Thanks!
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%;}
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)
1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.
#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!
can you please confirm this look
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.
Please share page URL.
Thanks!
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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024