Transparent Layout & WP Bakery - Spacing Bug

Dear Team @ MuffinGroup,

We have the following site: www.enso--impact.com - using BeTheme with WPBakery as our primary page layout tool. Remove the double hypen -- for this to load correctly.

This is running the latest version of BeTheme - using a transparent header.

Please note - when using the transparent header, the #Content pane is located approx 100 pixels down and I seem to have no way of overriding this - on the page or in the BeTheme options - creating a big gap underneat the transparent header. To work around this, I've used the following css:

#Content {

top: -100px;

}

Which works - however - creates an extra gap at the footer.

How can I use a transparent header without doing this, and without a gap appearing at the top of the screen, such that the transparent header can overlay the content on each page?

Please let me know any other queries you have and I can answer quickly.

Comments

  • Hello,

    Please go to Betheme -> Theme options -> Global -> General, and ensure that you have Transparency checked for the Top Bar with the menu.

    Thanks

  • Hi Phil,

    Please note - I have used your suggested setting and removed my CSS.

    However,

    #Content

    is position:relative;

    And the header has a min-height value of 80px;

    Combined, this means the #Content pane sits 80px down the page.

    On page settings do not help unless I overide this as before.

    Sub Header is set to hide.

    Content top padding is set to hide too.

    Please see for yourself - and you can inspect the code too:

    www.enso--impact.com

    (Remove the double hypen -- for this to load correctly.)

  • I forgot about the header height.

    Go to Betheme -> Theme options -> Header & Subheader -> Header, and set the header height to zero.

    Best regards

Sign In or Register to comment.