Changing footer blocks

  • Hi there!

    When clicking ‘about’ and ‘contact’ on my webpage, the footer forms a large block that covers most of the page and pushes the text on the page to the complete top.

    How do I get the block deleted and the text to start somewhere where the menu items also start (in height)?

    Thanks!

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

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

    (@hannahritner)

    Hey,
    Try adding this to your custom css:

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

    Hope that helps!

    Hannah

    Thread Starter richcityfortune

    (@richcityfortune)

    Hi Hannah,

    It deleted the block, but now the text is still very much pushed to the top of the webpage. If I change the font size to huge, it keeps on cropping the text in the small area that’s the upper part of the page.

    Is there a way to just get the text in the middle?

    Thanks

    Hey,
    Using Kadence Blocks you can set a row layout with a min-height based on viewport height, then add your text into the row layout and vertically align center.

    Does that make sense?

    Ben

    Thread Starter richcityfortune

    (@richcityfortune)

    Thanks! I found it!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing footer blocks’ is closed to new replies.