iPad landscape – images in slider overflow to cover other content on the page

I see the same thing on my desktop when I narrow the browser so it doesn’t have anything to do with the iPad.

You are using a percentage (other than 100) for your content width. For example at a window width of 888px

slider width: 687px
#content width: width: 60.277777777%; ( x 888 = 532px)

Is it the #wrap I need to change 100%?

/* Desktops, laptops and iPads (landscape) ———– */

#wrap {
max-width: 960px;
}
Or something else?
(I didn’t make the site, just trying to fix it for LGG)
Thanks

Since you aren’t the author of the CSS your best bet is to move the slider above the content & sidebar.

I used to build themes 8-9 years ago & using percentage widths was the way we made a site adjust for various window/display sizes. It isn’t the way responsive design is typically done now.

Just to clarify for anyone reading this what I meant was

old way (before HTML5)
content width – 60%
sidebar – 30%

So, it would be proportional based on the size of the browser window/computer screen. In portrait mode on a smartphone this is likely going to look terrible.

responsive design with HTML5 (example)
content width – 600px
sidebar width – 300px
unless the browser window is less than 1000px width
in which case
content width – 100%
sidebar width – 100%

I was not suggesting above that percentages were no longer used in responsive CSS. Just that it isn’t used in the old way example above to make the site responsive.