Full Page Header with Slider

[werbar77]

Hi,

I’ll appreciate it if you could assist me in the following. I’ve made a header titled “Front Page Header”.

It consists of two bars. I want the top bar to be a full-page slider and the bottom bar a sticky menu bar.

You will see I’ve already done this but my top bar’s slider does not work as I would like it to.

Could you please help me sort it out?

Log-in details will follow this message.

Thank you very much,
Werner

[jade]

Hi Werner,

Thanks for writing in.

Firstly, set the layout of the LayerSlider to Fullwidth:

Then go back to the header builder and set the height of the bar that contains the slider to auto:

Hope this helps.

[werbar77]

@Jade thanks it works 100%. Could you tell me what is the ideal size of images for these full page sliders?

[friech]

For best results, it is recommended to use images that are 1920 x 1080 pixels for your backgrounds/sliders. Smaller images will not work as they will get distorted on higher resolution monitors.

Hope it helps,
Cheers!