Make header transparent?

I want to make the header area transparent and a let a full width image act as the background. How do I achieve this?

See screenshot for example


This would need to be accomplished with custom CSS. That is a bit beyond the support we provide in this forum, but you can do a bit of research there or use a tool such as CSS Hero. Hope that helps!

There are a couple other threads as well on this topic you can check out here if you like.



Not sure if this is the best way to do it, but this should do what you are looking for

.fl-row-content-wrap {
  margin-top: -120px;

.fl-page-header-container.container {
  position: relative;
  z-index: 999999;

Correction - change that z-index to 1 or else you will have a time trying to get your editor screens working right.