Slider instead of header image

[N-IT]

Hello,
at https://www.gartengestaltunghysenigmbh.de/startseite/ I put a nice transparent menu over the header image.
The customer would like to have a slider running underneath instead of an image.
I can use a shortcode with my slider tool. How can I achieve this?

[Weaver]

Customizer -> Images -> Header Image Layout -> Replace Header Image with HTML

[N-IT]

Thanks, the only thing is that the primary menu is no longer over the Image / Slider header, see: https://www.gartengestaltunghysenigmbh.de/startseite/ to https://www.gartengestaltunghysenigmbh.de/leistungen/ . It should look like https://www.gartengestaltunghysenigmbh.de/startseite/ only with a slider instead of a fixed image.

[scrambler]

Add the Custom CSS rule below to your theme Global Custom CSS rule box to move it over the slider

#nav-primary {position:absolute;top:0;width:100vw;}

 

[N-IT]

That looks better, but it’s still not okay. I selected Stretch under Full Width> Stretch Areas (Expand)> Header Area.
The full width is displayed with the header image.
But if I add something under Customizer -> Images -> Header Image Layout -> Replace Header Image with HTML, then not the complete 100% width, see: https://www.gartengestaltunghysenigmbh.de/referenzen/

[scrambler]

You have the header image align area set to align wide which creates a margin on each side. Change that to center and it will take the full width of the header.

[Author]

Posts