transparent header fullPage.js --> slide background visible

Question

is there a way to use a transparent header using fullPage.js, so I can still see the background-image from the section/slide fullscreen?

Thanks!

Answer 1

The white border comes from your configuration of the fullpage-plugin. You call a 50px padding on the slider, which results in a 50px white border on the top of your page. To work around this:

.slide { padding: 50px;}

This will give the same padding, but not on your wrapper element, but on the slide element. I updated your fiddle, you can find it here.