I can see that you're a little confused with how to use the Pro header. Let us start first with your transparent header problem.
To achieve the transparent effect on your header bar, simply follow the steps below:
1) Check one of the solutions suggested by my colleague on this thread:
2) Set the header to the page you wanted it to show.
E.g. Template niveau 0
Don't forget to set your page as Published next time so it will be displayed on the header builder's assign to page section.
For your convenience, here's a guide on how to use Pro header builder: https://theme.co/apex/forum/t/pro-header-and-footer-builder-introduction/103
You need to only have 1 bar set to absolute position. The top bar, menu, social icons bar should be inside that bar. I can now see on your setup that they are inside the containers which is right. Then, set each of the containers to relative position. From here, you can adjust each of their width, margins or paddings to achieve the layout that you have in mind.
Hope this helps.