Sticky footer

[JoseYazz]

Hello,

I’ve been trying to keep the footer at the bottom and the main-container with a min-height of 100% at any resolution, this should being working since the html and body tags have a height of 100%.

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

#footer-wrap {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

-Rui

[JoseYazz]

No, it’s not working I’ve already tried that css, and the main container still keeping the same height adjusted to the content.

[Rui Guerreiro – SUPPORT]

Try this one.

#main-container {
    height: 80vh;
}

Can you provide a screenshot of you want to achieve?

-Rui

[JoseYazz]

I added a z-index to the css footer-wrap to push back the main container…seems to work. But I need the main container adjust to the size of the window at any resolution, keeping the footer at the bottom. If I assign a specific height to the container affects the responsive version and in the home page I have a master slider so there is a blank space underneath it.

Home

Branding

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

This is not something that is currently possible with the theme, you would need to work with a developer to integrate that change.