Responsiveness issue iPad portrait

Support
#1

Hi,

This page in this website - https://sundayfolk.nl/linda-zijlmans-ft-skinnie/ - looks fine in almost every screen wist except that of iPad portrait. See attached image. How can I get it to either fit the screen or have the two columns turned into one column?

Here you can see that the right column runs off the screen.

#2

Hi There,

Please add the my-section class to the section contains your columns:

After that adding this custom CSS under Theme Options > CSS:


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .x-section.my-section .x-column  {
        width: 100% !important;
    }
}

To learn the CSS Media Queries for all devices, you can take a look at this:

Hope it helps :slight_smile:

#3

I’m afraid that does nothing to solve the issue.

#4

Wait! Tested it on the iPad itself and there it does solve the problem.

#5

Hey There,

Thanks for letting us know that the given css resolved the issue.
If you need anything else we can help you with, don’t hesitate to open another thread.

Regards.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.