[HighTechDadParticipant]

I have been helping with development on a site (www.NWCS425.com) using X and recently upgraded X and the associated bundled plugins (including Slider Revolution) to the latest versions. As part of the upgrade process, we had to update all of the sliders to the v5 format.

The site had both a background video (implemented within Cornerstone in one of the sections) and the same video as an HTML 5 video slider within a Slider Revolution slideshow. For some reason, after the upgrade, the Revolution slider (which appears just below the nav bar as the first section within Cornerstone) would disappear after 8 seconds. After a few hours of troubleshooting, I was able to get the video slider to remain present by putting the following code into the child theme CSS:

.x-section.bg-video,
.x-section.bg-video {
	z-index: 1 !important;
}

That fixed the video slider, allowing both the background video to play as well as the slider revolution HTML5 video slider to play.

Unfortunately, this seems to have caused a few other issues, two that I can find:
1) The arrow button in the video slider no longer is clickable to make it slide down to the next section via a “#” link even though it is configured properly.
2) The social media icons in the footer are no longer clickable

Note: if I remove the background video from the second section of the page, the arrow button in the video slider starts to work and scrolls properly. However, the social icons in the footer still are not clickable.

I also have the following CSS code running for the bg video:

.x-video.bg, 
.x-video.bg .x-video-inner {
   position: fixed;
}

Any thoughts? CSS conflict? z-index layering issues?

Thanks!

[ThaiModerator]

Hi There,

Thanks for writing in!

To fix 2 issues above, try adding the following CSS under Customize > Custom > CSS:

.x-colophon.bottom {
    position: relative;
    z-index: 999;
}
#rev_slider_2_1_wrapper {
    z-index: 7;
}

Hope it helps.

[HighTechDadParticipant]

Wow! Fantastic! That fixed both issues! Thanks for the prompt response.

[Prasant RaiModerator]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts