MichV

@melody495 yeah! I need to be transparent because each page has a different bg colour, and another page has a video which plays behind the whole block etc - the client is very happy with that. So I'm thinking maybe it does need to be positioned over the page, but perhaps it's a padding issue? 😅

Hello @melody495 Thank you so much for your speedy reply! Appreciate it very much! I have removed the code, which solved the position issue! Thank you! However, it looks like the background of the site (the blue) doesn't continue to the end of the footer after making this change. Not sure how to adjust this..

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!!