Block the footer at bottom screen

  • wizardapprentice2

    (@wizardapprentice2)


    4 years, 10 months ago

    Hi,
    I am searching for a way to block the footer at the bottom of my screen, because in my website there are some pages with little content and the footer migrates at half page leaving blank/white space at its bottom.
    Do You have a solution?
    Thank You in advance.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    4 years, 10 months ago

    Hey,
    You can use this css to push your footer to the bottom always:

    @media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 200px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

    You can paste that into your custom css box in Theme Options > Advanced Settings. You may just need to adjust the bottom padding.
    Hope it helps!

    Hannah

    Thread Starter wizardapprentice2

    (@wizardapprentice2)

    4 years, 10 months ago

    Thank You,
    I will try it as soon as possible and communicate.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Block the footer at bottom screen’ is closed to new replies.