Hello!
I was hoping that someone would be able to assist me.
I have used the code below to create a transparent footer, which works, except that it causes the footer to overlap with the rest of the page content (on all pages). I can manage this on the desktop version by adding spacers, but the mobile is a mess as it would need a huge spacer, making the desktop look bad.
Is there something I can adjust in the code to prevent this?
Here is the code that I've been using for the footer:
body footer#footer-sections {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
}
body footer.sections section,
body footer.sections .section-background, body .section-border {
background: transparent !important;
}
Thank you!!