ENVY THEME: Need help on widen the space in my website pages

Store Design
1

Hello, I would like to widen all the pages so there is not as much white space either side…

I see Envy demo website have pages correctly stretched from one end to the other of the screen, but mine is centered with a huge space.

Here is what I have:

Ardra_0-1629424773519.png
Ardra_0-1629424773519.png1313×588 98.1 KB

Ardra_1-1629424921437.png
Ardra_1-1629424921437.png1339×604 123 KB

Here is what I want:

Ardra_2-1629425066323.png
Ardra_2-1629425066323.png1348×651 147 KB

Thanks in Advance,

Ardra

2

Hello @Ardra ,

Check your max width of page layout may be it is 1200px or 1500px . you have to increase it.

or send me your store url I can give you right solution…

3

https://www.ardranaturals.com/?_ab=0&_fd=0&_sc=1&key=6702f7caad77ce1e2703b17e01a8a7adeef3814921dd8ff7f5d219387dd23186

4

Hi @Ardra ,

Your theme is using container for this, Increase the max - width of container

theme-product.min.css file (search this class .container, .container-lg, .container-md, .container-sm, .container-xl)

Note : that changes will affect only on product page!

oscprofessional_0-1630555089360.png
oscprofessional_0-1630555089360.png1905×985 437 KB

Do changes & let me know !

hope this will work !

5

Thank you. Its works as you said for only the product page and how to do for the home page?

But when i increase the max width in theme-product.min.liquid , the “Frequently bought together” section is not increasing.

Can you help to fix this issue?

Ardra_0-1630602946474.png
Ardra_0-1630602946474.png1564×660 79.7 KB

6 
.cbb-frequently-bought-container.cbb-desktop-view, .row.mx-auto {
    clear: none !important;
    max-width: 1600px !important;
    text-align: unset !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0;
    width: 1600px !important;
    text-align: center !im;
}

Apply this css

Note : Max width should same for both section.

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme-product.min.scss.liquid