Full width not working on Landing page

Beaver Builder
1

Hi, I am uing Beaver Builder within the new Rainmaker Andromeda on theme Altitude pro.
Just created my first Landing page with Beaver Builder and wish for it all to be full width. I’ve added the full width CSS as well as set all the settings to them, but it still isn’t showing full width.

Any help is appreciated!
Thank you
Ash

2

Hi Ash,

Can you provide a link to the page which is using Beaver Builder, please so I can take a closer look.

3

Yes! My apologies, was rushing to post this!

4

The CSS below should resolve the issue for all pages which use Beaver Builder.

.fl-builder .site-inner {
    max-width: 100%;
}
.fl-builder .site-inner .content {
    padding-left: 0;
    padding-right: 0;
}

However, this your themes breadcrumbs will also be full-width due to this CSS, you can resolve this using:

.breadcrumb {
    padding-left: 200px;
    padding-right: 200px;
}

If you also want to hide the page title, you’ll need to use this CSS as well.

.fl-builder .site-inner .entry-header {
    display: none;
    visibility: hidden;
}
.breadcrumb {
    margin-bottom: 0;
}
1 Like