Well, your page is insanely large/ wide to begin with and it would appear that your film strip graphic in combination with the video background is causing some padding problems since it's an SVG.
The thing is, if I use a width of 960 or 1200 (which I know is a standard many use), the site doesn't optimize to 1920x1080 resolution screens. That's why I have to use an insanely large 1920 width.
The film strip graphic is imported directly from illustrator as an ai. file. I've found that I don't get artifacts that way as I'd get from placing jpeg or png images. Is there a better format I could use in combo with the video that doesn't interfer with the padding and at the same time doesn't have an immense quality loss?
1 person found this helpful
You have a responsive site. Looks like some of your elements don't scale relatively to browser window/device screen size and are causing horizontal scrolling, when not fitting any longer into the given screen width.
This could be the case, because
• these elements are not correctly set up as responsive
• don't (completely) support responsiveness or
• are pinned incorrectly.
One example of (perhaps) many: The "Previous" and "Next" buttons of the slide show on your page
Standard slide shows are not fully responsive yet, and especially these buttons don't adapt responsive width.