1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

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. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

  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
     
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from: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.
     
  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
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
  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:

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Will need to view your site to check further.
     
  9. rinema

    rinema New Member

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

    Thanks
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

  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.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

  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!
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts