Tagged: footer, issue, transparent header
Hi,
I’m using on he homepage of a website a single site as the footer and using a transparent header. Works nice, BUT additional 116px appear in the footer now.
I can find: .html_header_transparency #top .avia-builder-el-0 .container { padding-top: 116px; }
Reducing the footer with 116 px (margin-top: -116px;) is not helpful, because on other pages with a normal header the footer looks broken.
What can I do?
Thanks,
Nautrino
Hey nautrino,
Best regards,
Victoria
Hi,
Thank you for the update.
Did you set a custom page for the footer?
You can add this css code temporarily to remove the top padding of the section with the “avia-builder-el-0” class attribute.
.html_header_transparency #top .avia-section + .avia-builder-el-0 .container {
padding: 0;
}
Best regards,
Ismael
Hi Ismael,
…yes, I set up a custom page for the footer.
Thank you, your code helps! I just changed the padding to padding-top:0px and all is fine now.
Best regards,
Nautrino
Hi Nautrino,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi, Rikard,
yes you can close it – the solution works fine.
Thanks for your help – great support!
Best regards,
Nautrino
Hi Nautrino,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria