Mobile View cut off some elements

Hey sunseekertours,

Thank you for the inquiry.

You may need to disable the top margin offset of the first column on mobile view with css media queries. It is currently set to -200px. The following documentation should help.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this code in the Quick CSS field to remove the top margin of the first row on mobile view.

@media only screen and (max-width: 767px) {
    .home #av_section_1 .flex_column_table {
        margin-top: 0 !important;
    }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard