How can I set Elementor footer to the bottom of page?

  • Hello everyone! can anyone here help me? I have a footer that is created with Elementor plugin, but as you can see in this picture: https://prnt.sc/l8ECw_ad98zh the footer is not in the right place ( not in bottom of page), so can anyone please show me how to place it correctly in the bottom.

    Thanks <3

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • There’s no problem here: the reason you’re seeing an empty space at the bottom of the footer is that there’s not enough content on the page to fill the whole screen.

    If you add content to the page, it should push the footer downwards… just as you see on all the other pages of the site.

    Thread Starter ysrelksm

    (@ysrelksm)

    Thanks for answering bro, but is there a way to set the footer always in the bottom in pages with less content?

    Probably.

    Please ask in the Elementor plugin’s own support forum, so the Elementor developers and user community can help you with this:

    https://www.ads-software.com/support/plugin/elementor/

    Good luck!

    George Appiah is right, but there are a few ways to achieve the result with CSS. One way is to force the main content section to be bigger. Adding this code to your custom CSS will work on desktop, you might need to adjust for mobile:

    
.main-content {
    min-height: calc(100vh - 430px);
}

    This code gets the height of the browser window (the viewport) and subtracts 430px (approx the height of your footer), it then applies this as the minimum height of your main content section.

    You will need to adjust the 430px to match any changes in the height of your footer if you add/remove widgets for example, and you might need to add media queries for mobile etc, but this should be enough info to get you started

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I set Elementor footer to the bottom of page?’ is closed to new replies.