Full Width Logo

Hi Guys,

We have a client currently using X theme which has become a major PITA with all it’s nonsense updates adding bloated bells and whistles.

We need to recreate in Beaver and need a full width logo as the clients site has now


Can we achieve this with some CSS?

Hi Gary,

You should be able to do this by using the BB theme and setting the Header layout to Nav Bottom. Then upload your logo image as normal and use the following CSS.

.fl-page-header .fl-page-header-wrap .fl-page-header-row {
  display: block;
  margin: 0;
.fl-page-header-row .col-md-6.col-sm-6 {
  width: 100%;
  padding: 0;

This should give you a full-width logo/banner image. Alternatively, you could create a custom header using Rows/Modules and then add it to the BB theme using our shortcode functionality.


Awesome as always :wink:

No problem, Gary.