I’ve designed a one-page site (http://173.254.28.26/~landofcr/ until we attach the right domain name) using revolution slider for the parallax images. The first one, set up as fullscreen, is fine. But the second and third ones, set up as auto-responsive, present a peculiar issue. When scrolling up and down, I see white lines (they look like padding to me) first above the image, then below it.

I’ve set up revolution slider according to the video and the documentation you referred me to.
I’ve tried to google the issue, but it seems whatever worked for other people doesn’t work for me.

How do I get rid of these nasty white breaks?

Thank you!

Upon checking your site I wasn’t able to replicate the issue, would you provide us with some screen shots?
For time being you can try parallax background in content band shortcode.

Thanks.

Here are screen captures. The issue is consistently appearing on Chrome, Safari and Firefox on my MacBook Pro, and every other computer I’ve tried it on. Are you sure you couldn’t replicate the issue…? Can you please check again?

Also the content band parallax option was my first choice, but the issue with it was with my need to precisely position the background images. Your colleague couldn’t propose a solution that would not make the background static in the process, so he/she suggested I use revolution sliders instead, and now here we are, with another issue.

Please advise! Thank you.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks!

Looks like transform has odd effect on Mac browsers. Add this css at your customizer’s custom css to disable transform.

.rev_slider {
transform: initial !important;
}

Hope this helps 🙂

Thanks.

Thanks so much!

Thanks.