Mobile Optimization Grid Row Tablet Landscape

Hey Diana,
Thank you for your patience and for the screenshots, so I see that you have set the grid cells to be full width up to 989px, and I find that this is working correctly. Do you want this to work for larger screens? For example, the iPad pro has a landscape width of 1366px so do you want the cells to be full width up to there?
I believe that the confusion about the padding is that the padding screenshot you showed is for up to 989px

but the screenshot of the grid element showing the cells side-by-side is for 990px

so to change this padding you need to change the desktop padding:

We could help with some css to change the break point to landscape width 1366px if you wish, or if you are using a different iPad, some of their landscape widths are 1024px
Try this link on your iPad to see what width your screen is screen resolution, you may need to reload the screen when you check portrait vs landscape.

Best regards,
Mike

Hi,
Thanks for the feedback, please try this css for a max-width of 1080px and landscape:

@media only screen and (max-width: 1080px) and (orientation: landscape) {
.responsive #top #wrap_all .flex_cell.av-5hi5me6-b34177ccafb611f881e8135e1bc9f448 {
    padding: 0 50px 50px 50px !important;
}
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results

Best regards,
Mike

Hi,
Thanks for the feedback, on your homepage I found 3 grid row sections that match this layout so I added the custom class custom-tablet-padding to the cell with text in each of these and then I changed the css to this:

@media only screen and (max-width: 1085px) and (orientation: landscape) {
.responsive #top #wrap_all #main .av-layout-grid-container .flex_cell.custom-tablet-padding {
    padding: 0 50px 50px 50px !important;
}
}

and this seems to be working for all three, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Also note that your Kontakt has extra padding on the inner column, so if you want it to look like the other two sections please remove this extra padding.
Now you should be able to add the custom class custom-tablet-padding to grid row cells that are similar on other pages for the same effect.

Best regards,
Mike

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