Zeilen zeigen sich nicht nebeneinander auf mobile Geräten an

Hey Lin84,

The grid at the top of the page goes to 100% width at 767 pixels on my end. If there is something wrong with that, then please try to explain the problem a bit further, or post a screenshot highlighting it.

Best regards,
Rikard

Hi,
As I understand your request you would like the columns to be three across on mobile also, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
#top #wrap_all .flex_column.no_margin.av_one_third {
    width: 33.3%;
}
.responsive #top #wrap_all .flex_column_table_cell {
    display: table-cell;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try removing your css and try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
#top #wrap_all .flex_column.no_margin.av_one_half {
    width: 50%;
}
.responsive #top #wrap_all .av_one_half.flex_column_table_cell {
    display: table-cell;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshots, from your screenshots it looked like only SUITE was wrong with the text below the image on mobile, but when I check your page it is not like the screenshot, it looks like you have corrected the issue. Did you already correct the issue?
Please see the screenshot in the Private Content area of what I see.

Best regards,
Mike

Hi,

Great, I’m glad that Mike 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

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike