White spaces between columns on mobile

[macvink]

Between two rows on mobile I have white spaces. I cannot find where this spaces come from because all columns and sections have to fit without white spaces between. On desktop there are also no white spaces between the sections / columns.

See http://hetschoolvoorbeeld.nl/nieuw/

[tristup]

Hi @macvink,

The margin for the two columns is the cause of that space. Please find the screenshot describing the attributes.

To get rid of it you need to add a few custom CSS into the Element CSS of that specific Row.

@media  (max-width: 480px) 
{
    $el > .x-row-inner > *
    {   
        margin:0px;
    }
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[tristup]

Hi @macvink,

By withdrawing the post, I believe you already have resolved the issue. If the issue still existed, you can let us know.

Thanks.