I am trying to fix the overflow in the header area of my website.
It's got a big slider. This slider has various images in it. Some stuff is going wrong.
On Desktop, there are a few issues..
- On desktop slide 15, the beginning of slide 16 is visible. This could cause overflow issues.
- Slide 3 desktop line coming off far right
- Slide 2 has something coming off far right
- Slide 4 has a line off top, entering far right
On desktop, slide 2 appears just fine. But on tablet
--> Slide 2 dissapears and is replaced with Slide 3
--> Problem above may be linked to: On slide 1, there is the beginning of slide 2 appearing on the far right. When I click on slider 2, while viewing slide 1, I see the slide 2 somehow exists off the body of slide 1!
--> More problems: In slide 3, there is the fourth slide
--> There is no slide 4; I click on the slide image, and I can’t move it into view, no matter what I do
The other slides on Tablet is OK.
As for mobile the same 'Slide 2' problem occurs: slide 2 dissapears and is replaced with Slide 3. I'm sure there is more wrong with mobile, but at the moment tablet must be fixed it and it trickle down to Mobile.
Any support is appreciated as i need to fix this so i can fix the overflow problem of my website. The slides in the header affect everything!