Paddings on full-width theme (width of the grid)

damiansobczak · February 2017

Hi, is there a way to make padding (left and right or width of the grid) on theme using % ?. Im using 1366x768 screen and paddings on this resolution look perfectly but when i load page on 1920x1080 resolution then paddings are to large. Im guessing that i will need to add some media queries in the css but when i tried to add left/right padding on wrapper or content element then even background images move to left/right.

Albert · February 2017

Hi,

the only way to make your content wider is to increase grid width under Theme options > Global > General section and there is no workaround to make it different way.

Thanks!

damiansobczak · February 2017

Can i add media queries so that content will be wider only for 1920 resolution? Could you write me div element which i should edit so that the background image for secton still be full width but only column with text will edit?

Albert · February 2017

You can try to use something as below:

@media only screen and (min-width: 1520px) { 
    .section_wrapper, .container { max-width: 1500px; }
}

damiansobczak · February 2017

Yeap, it worked! Thank you

Albert · February 2017

You're welcome!

Paddings on full-width theme (width of the grid)

Comments

This website uses cookies