Gap under footer when page too short

  • Resolved Pidor

    (@pidor)


    9 years, 11 months ago

    Hi there,

    when my pages are too short there is a gap under my footer, or let’s say that my footer is not at the bottom of my screen anymore (see here). Is there a way to fix that?

    Thanks a lot in advance!!!

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

  • Yeap, the footer won’t go at the bottom. This should do it:

    .site-footer {
   position: absolute;
   bottom: 0;
   width: 100%;
}

    I’m curious about the icons in your menu. What icons pack are you using or are you using a plugin? Thanks.

    Thread Starter Pidor

    (@pidor)

    Once again it works perfeclty so once again thank you very much!!! ??

    Concerning the icons in my menu I am using the plugin called Menu Icons by Dzikri Aziz ??

    Thread Starter Pidor

    (@pidor)

    Sorry, I spoke too soon actually ?? It works well on “normal pages” but the problem is that it’s not anymore at the foot of my mane page where it’s now above the menu (see here)…

    Add this too and it should solve it:

    .home.page .site-footer {
    position: relative;
}

    This is why the menu isn’t at the bottom by default, it’s generally not a good idea ??

    Thread Starter Pidor

    (@pidor)

    Ah yeah ok, I got the problem ?? Oh well, it’ll do ?? thanks again!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gap under footer when page too short’ is closed to new replies.

Tags