Question Footer fixed to the bottom of every page

[stas3dart]

Hi there, using Elementor Pro, with a custom footer. On some pages, that have less content, the footer isn't at the bottom. Tried sticky options and the rest and couldn't get it to work. Would be great if someone could suggest a workaround to this.

 

[Tonio]

It's probably because Elementor doesn't know what to do with the empty space between the content of th page and the bottom. Did you set anything to a fixed height? Maybe you used a fixed height for sections? It might help if you set the bottom section for the page to 'standard' instead of 'minimum height'. Otherwise, add a separator to the page to stretch the page height.

 

[Community]

stick footer to bottom of the page

You could try doing something like this to stick footer to bottom of the page :

Give the section an ID or class. Then add this CSS in the global CSS.

.yourclass {
    width:100%;
    position:relative;
    top:100vh;
}

 

[lutenist]

stick footer to bottom of the page

You could try doing something like this to stick footer to bottom of the page :

Give the section an ID or class. Then add this CSS in the global CSS.

.yourclass {
    width:100%;
    position:relative;
    top:100vh;
}

I did this in the Elementor Pro theme builder for the footer section. I set this in the Advanced > Custom CSS.
For me, it pushes my footer down so much that I have to scroll to see it.

Is there a way to have the footer at the bottom of the view height without it being sticky (where you always see it even though you scroll)?

 

[SolutionX]

.yourclass {
width:100%;
position:relative;
top:9vh;
}


The above is what i use you can try top:9vh; or top:10vh;
What have noticed is that different website themes footers and builds work different its bets you manually set the top till you get the right settings for your site, above is what i use and it works well for me.

 

[Peter L]

Edit the main section on the page > Layout tab > Layout section > change height to "Fit To Screen".