By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Question Footer fixed to the bottom of every page

S

stas3dart

New Member
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.
 
elementor official
Tonio

Tonio

Member
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.
 
elementor official
Community

Community

Administrator
Staff member

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.

Code:
.yourclass {
    width:100%;
    position:relative;
    top:100vh;
}
 
elementor official
Last edited:
lutenist

lutenist

New Member

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.

Code:
.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)?
 
elementor official
elementor official
Top