Content doesn't scroll over slider in Chrome

[WEswift]

Team – when using the Revolution Slider and it’s included example Youtube hero “slider”, when scrolling down the content below doesn’t go over the top of the slider in Chrome (as it does correctly in FF). I’m on OSX if that matters. I checked the css, and based on z-indexes everything should be fine. I’m wondering if there’s some issue with the way in which the video gets embedded? Thoughts?
-Paul

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

What version of Revolution Slider are you using?

Can you also try to deactivate other plugins except Woocommerce and SwiftFramework, so it can be discarded any plugin conflict?

-Rui

[WEswift]

Hey Rui, thanks for the assist. I’m using Revolution Slider version 5.1. I’m not using WooCommerce on this site. I just de-activated all plugins on the site except for Swift Framework and Revolution Slider. This did not fix the issue. Thoughts?

[David Martin – Support]

Hi,

Can you add this CSS to your theme options:

.spb-row-container.spb-row-content-width.col-sm-12.mb0.pb0.no-shadow {
    position: relative;
    z-index: 100;
}

Please test the page again and let me know.

Thanks,
David.

[WEswift]

Hey David, that css only applied to the two full width text rows (with white backgrounds). The remaining content areas went below the slider. I’ve decided to utilize the following:

body.header-below-slider #main-container,
body.header-below-slider #footer-wrap
{
position: relative;
}

I think this should be included in the core theme when certain sliders are being used. Thoughts?

[David Martin – Support]

Great, glad you got it sorted.

Yes this should be default behaviour. I’ll pass this back to the team.

Thanks,
David.