Margin on grid row

Hi,

Thanks for the screenshot. I can’t reproduce those results on my end though, the footer begins directly after that section, and there are no exact margins between them. Did you manage to find a solution? If not, then please try loading the page in a private or incognito browser window to see if that helps.

Best regards,
Rikard

Hi,

Thank you for the screenshot.

Adding this css code should help with the height issue.

@media only screen and (max-width: 989px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        height: 100% !important;
        overflow: hidden;
    }
}

If the same css media query already exists, you can just copy the css rule within and place it inside the current css media query.

Best regards,
Ismael

Hi,

The same css code should work on Safari. Make sure to keep the file compression settings disabled while editing the site and please do not forget to purge the cache.

Best regards,
Ismael

Hi,

Thank you for the update.

We cannot figure out why it resizes like that on Safari but we can see that the cell is not inheriting the full height of the grid row container. Have you tried replacing the Grid Row element with a Color Section? You should be able to reproduce the same layout using the Color Section elemen and it might get rid of the height issue with the grid row cells.

Best regards,
Ismael

Hi,

Could you please try adding following code to Quick CSS field in Enfold theme options > General Styling tab and check if that helps?

.aoki-template_image-button .flex_cell {
padding: 0;
}

Best regards,
Yigit

Hi,

You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

Best regards,
Yigit