Page Not Sizing Correctly for iPad Landscape View

[Frank19]

For some reason my website is not sizing correctly for iPad landscape. When displayed vertically on iPad everything looks good, but when viewed horizontally on iPad the page and menu size wrong with all the content squeezed on the left size of the page.

You can view my site at https://golficity.com.

Any idea why this might be?

Thanks.

[nabeel]

Hi @Frank19,

Thank you for reaching out to us. I checked your site and I see you’ve a custom CSS rule which is disturbing the layout in iPad. Please find and remove the following code from your site:

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .x-main {
        max-width: 65%;
    }
}

You probably will find the code in WP Custom CSS section (see screenshot)

I also noticed the content of your site is being served by the cache, don’t forget to clear all caches (plugin or CDN if using) including the browser’s cache after removing the code so you can see changes on the front-end right away.

Let us know how this goes!

[Frank19]

Ok, this definitely helped, however I am noticing that Uber Menu is still not sizing properly for iPad landscape view. Is there another setting for this?

Thanks

[nabeel]

Hey @Frank19,

Try this: go to Appearance > UberMenu > Responsive & Mobile, select Responsive - Display below responsive breakpoint option and in the Responsive Breakpoint field, enter 1024 (see screenshot)

Don’t forget to clear all caches including your browser’s cache after making changes. Let us know how this goes!

[Frank19]

That appears to have worked. Thanks!

[paul.r]

You’re most welcome @Frank19