-
Posts
-
Hi!
we discovered something that probably is a bug in Enfold theme. When using transparant header in combination with custom build footer,
160 px of padding is added to the top of the footer. We added custom CSS to remove this padding.hm – I tried to rebuild it, but can’t see such a bug with my setup ( Enfold 4.6 – newest WP )
You mean that on use of a page as footer in combination with transparent header?
can you post your page link here.Yes, on use of a page as footer in combination with transparent header. We have fixed it with custom CSS now, I just wanted to let you know in case there was a bug. Link in private content.
Dear Victoria, I use the latest Enfold and the issue persist. On all sites where I use the transparent header the footer has this additional space above it’s content. I have not yet tried a CSS solution myself .
So I would appreciate if you could show me a solution.best regards
dear Guenni007,
here ist the livepage I am talking about: https://www.u-ci.de
There are sites without transparent Header such as : https://www.u-ci.de/management-technologie/
here it works as desired
on sites with transparent header the footer (custom page Footer) has the additional space above it’s content
as you can see here: https://www.u-ci.de/manifest/Thank you for your support
best regardsYou have takten for that #kontakt section the relative value on ALB Option (100% of browser window height).
on shortcodes.js you can see what is happening.
For me it is logic not to subtract the header height on that – because on transparency the content has to go under the header to the top of the window.
On transparency option the height must be more than on non-transparency mode.
See line 461 and 479 calculation of that.
you see on line 461 that only header height is part of the calculation if it is a non-transparency option:
#header.av_header_top:not(.html_header_transparency #header)maybe Try an absolute value for your #kontakt section value f.e. 700px
Thank You Guenni007,
In theory, I see it as you do. But, even if I enter a fixed height, the additional space above remains. I guess, because a custom footer is a “whole page”, Enfold always adds the height of the transparent header, even if the footer is not overlaid by the menu. Seems Enfold handles the implemented page (footer) as single page.Thanks for pointing out the different Font Weight. The plugin wp-Typography causes this error. That issue comes next … never boring ;)
Hi,
I use the latest Enfold and the issue persist. On all sites where I use the transparent header the footer has this additional space above it’s content. I have not yet tried a CSS solution myself .
Thank you for the update.
This is cause by this css declaration using an autogenerated builder selector.
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption { padding-top: 170px; }The section in the custom footer also contains the “avia-builder-el-0” class attribute, so the css code above is being applied to it. You can fix it by adding this css code.
.html_header_transparency #top .avia-builder-el-0 .container { padding-top: 0px; }Best regards,
Ismael
- You must be logged in to reply to this topic.