Slider Revolution Full Screen not covering under transparent top menu

I’m trying to force my full screen revolution slider with looping video to go UNDER the top menu navigation. I’m able to do this with the Full Width setting by using a -80px top margin, but that setting doesnt seem to apply when I select the Full Screen option. And I want the slider to be full screen AND behind the menu navigation.

website is here: www.rmcgp.com/home-2

Any ideas? Thank you!

Hi There,

Please remove the margin top CSS and add the .x-masthead selector to the Increase/Decrease Fullscreen Height (Optional) field instead:


For more information, please take a look at this: https://www.themepunch.com/revslider-doc/slider-setup/#advanced-layout.

Hope it helps :slight_smile:

Unfortunately that did not work. I removed the -80 margin from revolution slider settings and added the code as you suggested, but it did not work.

REMINDER: I want the slider to appear BEHIND the menu navigation, NOT under it. The navigation is transparent to allow for the video to be the background, without any gaps/space. Does that make sense?

Any other ideas?

This is how it’s showing up now. I want the background video to be flush against the top of the screen with menu navigation laying over the top.

Hi There,

In this case, please try adding this custom CSS under Theme Options > CSS:

.page-id-1292 header.x-masthead {
    position: absolute;
    top: 0;
    width: 100%;
}

The custom CSS above will make the header stay above the slider.

Hope that helps and thank you for understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.