How to show slider revolution in full screen above the header

[ahmeisa]

Hello,

How can I do the same as this demo? slide revolution starts before the header then after scrolling down the header stick at the top as normal
https://demo.theme.co/integrity-business/

note that I’m using a custom header using the header builder.

[tristup]

Hi Ahmed,

Thanks for reaching us.

You can easily achieve the design structure like demo.

You just need to add the Slider Revolution to the specific page using the Slider settings : Above musthead and select the specific slider. [ https://theme.co/docs/append-sliders-to-your-header#how-to-add-the-slider-above-the-website-s-header ]

Now you need to set the Navbar Position fixed using Theme Options, go to Theme Options > Header > Navbar Position and set to Fixed Top.

And that will do what you are expecting.

Hope it will help.

Thanks

[ahmeisa]

Thank you for your reply.
But I’m using the header builder in x pro. so I don’t have the option for Navbar Position

[ruenel]

Hello Ahmed,

Since you are using a custom header builder to create your header, please insert a bar above your current navigation bar. Your bar height needs to be auto or set to 100vh and then insert the revolution slider element in it. For more help, you can check out our Youtube Video tutorials here:

Hope this helps. Please let us know how it goes.

[ahmeisa]

Thank you. this video is really helpfull. But I do not have slider revolution element in header builder. I couldn’t find it at all, I have it in content builder as normal.

[friech]

Hi Ahmed,

Sorry for the confusion, yes there is no available slider element on the header and footer builder. What you need to do is copy your slider’s shortcode, and paste that on a Content Area element.

Hope it helps,
Cheers!