Shopify themes, liquid, logos, and UX
Hi there,
We would love for our website to stretch all across the page.
https://www.mylittleecoshop.com
This is our page currently - as you can see the banner isn't stretched across which adds two borders on either side of the website.
We would love for our website to stretch across like this: www.byoma.com
I hope you can help!
Solved! Go to the solution
This is an accepted solution.
Hi there,
Thank you for your response. When I entered your code nothing changed. However, when I entered the one from Paulryazanov
.container.container--flush {
padding: 0;
max-width: 100%;
}
everything stretched. However, some of the banners on the website were cut off. Can you please advise further?
This is an accepted solution.
Hi @krogowska ,
You try below code in theme.css file:
[data-section-type="slideshow"] .container {
padding: 0 !important;
max-width: 100% !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
Hi! Add this below code to your theme.css
.container.container--flush {
padding: 0;
max-width: 100%;
}
Hi @krogowska ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:
[data-section-type="slideshow"] .container {
padding: 0 !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
This is an accepted solution.
Hi there,
Thank you for your response. When I entered your code nothing changed. However, when I entered the one from Paulryazanov
.container.container--flush {
padding: 0;
max-width: 100%;
}
everything stretched. However, some of the banners on the website were cut off. Can you please advise further?
This is an accepted solution.
Hi @krogowska ,
You try below code in theme.css file:
[data-section-type="slideshow"] .container {
padding: 0 !important;
max-width: 100% !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
User | RANK |
---|---|
70 | |
65 | |
64 | |
53 | |
49 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023