Thank you for answering. Let us forget that top-bar for now :) Can you instead please tell me how I get a little gap on top of the page so the background image is slightly visible?

Thank you for your answer, but that is not a good solution since the content is pushed up behind the header. And the top bar is still not transparent.
Do you have an other solution for this? I only want a littlebit of the background image to be displayed on top of the site.

What about removing the top bar and add a 30px (Transparent) space on top of the site?

Solved it by changing padding 2% to 10px

Do you have opportunity to explain shortly and/or post a printscreen of the correct settings in Layer Slider?

Do you have an answer for this? :)