Different margins/paddings for different breakpoints/devices

[nils]

Is this possible like in Divi for Exampe to chose different padding/margin sizes for different breakpoints? Or do i have to duplicate my sections for every single breakpoint, do the custom settings and use “hide during breakpoint” option? Would be quiet complicated.

[jade]

Hi Nils,

Yes, you will have to create a different section and make use of the Hide During Breakpoint option in order to do this.

Another option would be to use the Element CSS of the v2 section to change the padding of the section per device like this:

@media (max-width: 980px) {
    $el.x-section {
        padding: 20px !important;
    }
}

@media (max-width: 767px) {
    $el.x-section {
        padding: 15px !important;
    }
}

@media (max-width: 480px) {
    $el.x-section {
        padding: 10px !important;
    }
}

Element CSS | Themeco Docs

Hope this helps.