Support » Theme: Ascend » 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.