[Resolved] positioning footer on short page with accordion

Home Forums Support [Resolved] positioning footer on short page with accordion

Home Forums Support positioning footer on short page with accordion

  • This topic has 7 replies, 2 voices, and was last updated 5 months ago by Ying.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2156988
    Chris

    Hi,

    Page url in private details

    I do not have much content so the footer is half way up the page. If I try to position the footer at the bottom (either using VH for the content area or fixed position on the footer) it gets overlayed by the accordion on smaller screen sizes.

    How can I make the footer sit at the bottom of the page and have it pushed down when the accordion opens.

    Many thanks

    Chris

    #2157011
    Ying
    Staff
    Customer Support

    Hi Chris,

    Try this:

    body.page-id-13797 {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    body.page-id-13797 .site-footer {
        margin-top: auto;
    }
    #2157064
    Chris

    Excellent – many thanks!

    #2157099
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

    #2157193
    Chris

    I spoke too soon…

    The solution you gave works but it is not allowing the page to be full width – see url shared privately.

    Many thanks

    #2157263
    Ying
    Staff
    Customer Support

    Try add this CSS as well:

    body.page-id-13797.full-width-content .container.grid-container {
        margin-left: 0;
        margin-right: 0;
    }
    #2157644
    Chris

    Great! Many thanks

    #2158185
    Ying
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.