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
User | RANK |
---|---|
62 | |
52 | |
47 | |
39 | |
38 |
Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...
By Trevor May 15, 2023With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...
By Imogen Apr 26, 2023