Stretching my website theme across without borders on both sides

Store Design
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!

2

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

3

Hi there, where should I add this too? Sorry I’m not familiar with coding

4

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.

5

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?

6

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.