Tagged: full width
Howdy Yall,
I have been trying to get my spreadshirt shop to go full width the below HTML and JS provided via spreadshirt.com. No matter what I do I can’t seem to eliminate the padding on either side of the embedded store. See screenshot HERE. On the spreadshirt side, everything is set to full width, however when I inspect I see some padding that I can’t see to get rid of.
Live link to the page is HERE.
<div id="myShop">
<a href="https://shirts-life.myspreadshop.com">shirts-life</a>
</div>
<script>
var spread_shop_config = {
shopName: 'shirts-life',
locale: 'us_US',
prefix: 'https://shirts-life.myspreadshop.com',
baseId: 'myShop'
};
</script>
<script type="text/javascript"
src="https://shirts-life.myspreadshop.com/shopfiles/shopclient/shopclient.nocache.js">
</script>
Hey Breakneckbrands,
Please try the following in Quick CSS under Enfold->General Styling:
.home .av-section-cont-open {
padding: 0 !important;
}
Best regards,
Rikard
Thank you for the quick reply. I tried the above fix but it still didn’t work.
I have tried various Div and Class ids to try and isolate the padding and section. However, the open white space still persists, cache and cookies cleared, checked from a different machine as well as mobile.
Hi,
Thanks for contacting us!
I added following code to bottom of Quick CSS field
#sprd-main { max-width: 100%; }
Please review your website :)
Best regards,
Yigit
That was it!!!
Thank you guys so much.
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit