Docs

[belayachimarouane]

Hello!

I have set marginless column and than set a margin for left and right (80px)
However, on mobile the margin is too big. Is there anyway to make it smaller for mobile ?

Thank you

(url : stouch.eu)

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 767px){
.home #x-section-1>.x-container {
    padding: 20px !important;
}
}

Let us know how this goes!

[belayachimarouane]

Hello again;

thanks a lot for your help. However it changed the padding for the only first section, how can I generalise it ?
Thank you!

[Rupok]

Hi there,

Thanks for writing back. It will work on the first section because of #x-section-1. So you can change this or use the below code to generalize for all section on home page only :

@media screen and (max-width: 767px){
.home .x-section >.x-container {
    padding: 20px !important;
}
}

If you need this on other pages too then remove .home as well.

Hope this helps.

Cheers!

[belayachimarouane]

Thanks a lot! yay

[John Ezra]

You’re most welcome! 🙂

[Author]

Posts