gridrow breakingpoint ipad - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 15, 2023 at 11:00 am #1398039

DianaLoola73
Participant

dear support team

For the following website I use the “grid row element” for the sections shown:

Home-2

Home-2

Home-2

Home-2

For the mobile version as well as the tablet view, I would like the gridrow to be displayed as individual cells one below the other.
This works on the mobile phone and the tablet portrait format. But it doesn’t work on the tablet landscape format:

Tablet portrait format (correct): https://gabriele-redenz.de/support/grid-row_tablethoch.jpeg
Tablet landscape format (wrong): https://gabriele-redenz.de/support/grid-row_tabletquer.jpeg

I use an i-pad as a tablet. How do I have to change the CSS so that the breaking point also works for the tablet landscape format?
Could you please give me additional help?

Best regards Diana

February 16, 2023 at 6:17 am #1398163
Ismael
Moderator
Hey Diana,

Thank you for the inquiry.

You can add this css code to adjust the fullwidth breakpoint of the grid row cells.
```
@media only screen and (max-width: 1024px) {
    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
	display: block;
    }
}
```
Best regards,
Ismael
February 16, 2023 at 8:32 am #1398177

DianaLoola73
Participant

Hello Ismael,

many thanks for the script.
I set the “max-width” from 1024px to 1100 and now it works!

Best regards Diana

February 17, 2023 at 7:35 am #1398293

Ismael
Moderator

Hi,

Great! Glad to know that the solution is working. Please feel free to open another thread if you have more questions.

Have a nice day.

Best regards,
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘gridrow breakingpoint ipad’ is closed to new replies.