1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Anchor footer at the bottom at the page

Discussion in 'Free Divi Community Forum' started by rinema, Jan 13, 2020.

  1. rinema

    rinema New Member

    Hi there,

    I've been following the tutorials to put the footer fixed, and sticky, but what i need is to make it anchored at the bottom of the page and not moving at all. Because when the content of the page isn't long enough the footer comes up and is floating on the page.

    Thank you so much for your help
     
    #1 rinema, Jan 13, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, Jan 13, 2020
  3. rinema

    rinema New Member

    Yes! it does stick to the bottom but when i scroll down the content of the page overlays and go over the footer, if thats clear explanation. And i don't want it always at the bottom of the page, sticky. I just want it to be anchored at the bottom and only visible when your scroll down the page.

    What can I do about it? Thank you
     
    #3 rinema, Jan 13, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe that's what the tutorial did. Basically, if your content is larger than the screen, then you will need to scroll down to see the footer.
     
    #4 Divi.Help, Jan 14, 2020
  5. rinema

    rinema New Member

    But my page content is going over the footer when i scroll. The text is over the footer text. And i have no idea why that is! Thanks for your help
     
    #5 rinema, Jan 14, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #6 Divi.Help, Jan 14, 2020
  7. rinema

    rinema New Member

    The website is in coming soon mode but here is a screenshot of the footer, with the content of the page over it.
     

    Attached Files:

    #7 rinema, Jan 14, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Will need to view your site to check further.
     
    #8 Divi.Help, Jan 14, 2020
  9. rinema

    rinema New Member

    Okay the address is https://bali-collab.com

    Thanks
     
    #9 rinema, Jan 14, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    #10 Divi.Help, Jan 15, 2020
  11. Kevin J Broome

    Kevin J Broome New Member

    When I use the above code, it works on pages that have short content, but on the longer pages, the footer is now missing.
     
    #11 Kevin J Broome, Oct 20, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    #12 Divi.Help, Oct 23, 2021
  13. Juanjo Díaz

    Juanjo Díaz New Member

    I know this thread is quite old, but you can solve this issue with the code shown at the URL that @Divi.Help is pointing and adding a z-index:9999; value to let the footer show-up.

    :)

    Regards!
     
    #13 Juanjo Díaz, Feb 14, 2023
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
(You must log in or sign up to post here.)