Strange behavior on iPad

[agenzia_gamma]

On

Agenzia GAMMA - Pratiche auto - Dal 1964 al servizio degli automobilisti

I have a strange behaviour on iPad

how can I get the same behavior of the iPhone also with iPad?

Thank You

[lely]

Hello There,

Thank you for the screenshot.
We do have 2 options here to solve the issue.
1.) We can use HIDE BASED ON SCREEN WIDTH settings available on ROW. The idea is, we will have 2 ROWS. The first ROW can be what you have right now with 2 columns. Then on this ROW > Customize tab set this to be hidden on mobile and IPAD screen. Then add another ROW. This time, this ROW will have 1 column only. Add the same content stack on top of each other the way you want it to show on mobile and IPAD. Then under Customize tab of this second row, set it to be hidden on large screens.

2.) Other option is to use custom breakpoint using CSS. On ROW > Customize tab, add custom-breakpoint on the class field. Then try this custom CSS:

@media (max-width:1090px){ /* Adjust 1090px to your preferred screen size where you want those 2 side by side column to be on top of each other instead*/

.custom-breakpoint .x-1-2{
   width: 100%;
}
}

See this: https://screencast-o-matic.com/watch/cFnYcOo835

Hope this helps.