Grid Row Padding on iPhone

Hey djshortkut,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your grid row cells that you would want to display without padding and give them a custom CSS class and then add following code to Quick CSS

@media only screen and (max-width: 480px) {
.your-custom-class { padding: 0 !important; }}

If you remove padding from all grid row cells, the ones only have text in them will stick to sides

Best regards,
Yigit

Hi,

Can you please try following instead

.custom-grid-row-section-padding {
    padding-left: 0!important;
    padding-right: 0!important;
}

If that does not help, please go to Enfold/css/grid.css file and find

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
}}

And change it to

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8%;
    padding-right: 8%;
}}

Best regards,
Yigit