Footer over Left header

Hello,
I am wondering if it is possible to make the footer load in front of a left-seated header. I’m pretty sure that this is accomplished via Z-Index numbers, but I have tried a few configurations and I have had little luck.

Attached is a screenshot and I will include site details in a private response.

Thank you,
Dylan Fleming

Hi there,

Thanks for writing in! I believe you’re looking for something like this?

This may not be possible due to the header layout you’ve, however you can do it with custom CSS:

footer.x-colophon {
    z-index: 9999;
    margin-left: -21em;
}

But please note that it’s not a recommended way and the above CSS may cause issues in future and we’ll not be able to provide support for those issues.

Thanks!

This solution worked, but is the configuration that I have that causes the problem? I am more than happy to change anything that causes problems.

Hi There,

We are delighted to assist you with this, no not on your configuration. The footer is inside the content, so you need that negative left margin to push the footer to the left (offseting the header width).

Thanks,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.