1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Force global footer to be sticky at Divi 4.4.7

Discussion in 'Get Help On Divi Wordpress' started by YaizaMartinez, May 21, 2020 at 4:27 PM.

  1. YaizaMartinez

    YaizaMartinez New Member

    Hi!

    I have tried to many CSS in order to keep my global footer sticky, however since the last theme update any of them is working anymore.

    Can you help me with that please?

    Thank you very much.
     
    1. AD Instantly add 30+ custom Divi Modules. Free version available: https://divi.help/link-forums/divi-supreme.143/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

  3. YaizaMartinez

    YaizaMartinez New Member

    Hi!

    Thank you for your prompt reply.

    I have tried the below code:

    #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    }

    But doesn't seem to fix the issue in mobiles and tablets.

    Thx
     
    1. AD Create stunning carousel for Divi sites: https://divi.help/link-forums/divi-carousel.153/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to remove the # symbol. So it should be just footer {
     
  5. YaizaMartinez

    YaizaMartinez New Member

    Hi! Remains like before still.

    Thank you again
     
    #5 YaizaMartinez, May 23, 2020 at 8:15 AM
    Last edited: May 23, 2020 at 8:23 AM
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    From what I see, your custom CSS is missing a closing bracket & an extra closing bracket:

    #et-info-phone{display:none!important}}@media only screen and (min-width:981px){#main-header{height:45px!important}footer{position:absolute;bottom:0;width:100%}

    It should be:

    #et-info-phone{display:none!important}@media only screen and (min-width:981px){#main-header{height:45px!important}}footer{position:absolute;bottom:0;width:100%}
     
    1. AD Beautify your Divi archive / category page with premade design: https://archive.diviultimate.com/

Recommended Divi Hosting