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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.