How to add a transparent header to Beaver Builder

A little bit of CSS code to help you create a transparent header in Beaver Builder.


/* Make the header transparent */
body .fl-page-header-primary{
background:transparent;
position:relative;
z-index: 10;
}
/* Remove the bottom border from the header
// if you do not add this there will be a faint line under your header */
header .fl-page-header-wrap { border-bottom: 0; }

view raw

style.css

hosted with ❤ by GitHub

Enhance WordPress

Security. SEO. Backups. Spam Protection. Free CDN.