Skip to main content
David Waumsley

Create a transparent header with Dynamik and Beaver Builder

5.30 minute video tutorial on how make header content with the Dynamik Website Builder them lay over a background image created with Beaver Builder Plugin.

CSS used in this video:

/\*Adjust according to the header height and margins in the Dynamik headers options.
Remove .home if needed site-wide \*/

 .home .site-inner {
     margin-top: -140px; 
} 

/\* Add this if needing to show the image logo \*/ 
 
.header-image .title-area, .header-image .site-title, .header-image .site-title A {
     position: relative; 
     z-index: 1;
 }

The CSS editor I use in the video is Stylizer 6