Stretching my website theme across without borders on both sides

Solved
krogowska
Tourist
12 1 1

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!

 

 

 

Accepted Solutions (2)

Accepted Solutions
krogowska
Tourist
12 1 1

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?

View solution in original post

AvadaCommerce
Shopify Partner
3031 696 564

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

View solution in original post

Replies 5 (5)
paulryazanov
Shopify Partner
104 10 22

Hi! Add this below code to your theme.css
.container.container--flush {
padding: 0;
max-width: 100%;
}

CEO of MageCloud.agency
krogowska
Tourist
12 1 1
Hi there, where should I add this too? Sorry I’m not familiar with coding
AvadaCommerce
Shopify Partner
3031 696 564

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

krogowska
Tourist
12 1 1

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?

AvadaCommerce
Shopify Partner
3031 696 564

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