[Support request] Tablet version layout not full width of viewport

[Charles]

We launched this website about a month ago, but on an iPad Pro, most of the front page content is not filling the full width of the viewport. We don’t have any special CSS set to create padding or margins on the right side.

Could this be caused by the containers not being styled correctly in CSS? Is there something we need to set in the theme customizer dashboard? Could it be an issue with the slider section, which does fill more of the viewport width?

Thanks!

[David]

Hi there,

which size iPad Pro are you testing on?
These devices have a higher resolution so will display Desktop layout.

[Charles]

I’m seeing this via Chrome developer tools with the iPad Pro emulator set at 1024×1366.

[David]

1024px width is the breakpoint for desktop. So you’re going to desktop layout on those larger devices.
But you also have an unresponsive slider which is breaking out of its container and causing horizontal scroll.

[Author]

Posts