[Resolved] Extend sidebar to bottom of page.

Home Forums Support [Resolved] Extend sidebar to bottom of page.

Home Forums Support Extend sidebar to bottom of page.

  • This topic has 3 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1212444
    Amanda

    Hi Guys,

    I am trying to increase the height of the right sidebar so that it extends to the bottom of the page. Is there a simple css code I can use. I don’t mind it being or all sidebars on all pages.

    Example: https://prnt.sc/ro3303

    #1212471
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .site-content, #right-sidebar {
        display: flex;
    }
    #right-sidebar .inside-right-sidebar {
        display: flex;
        flex-direction: column;
    }
    #right-sidebar .widget:last-child {
        flex: 1;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps ๐Ÿ™‚

    #1212563
    Amanda

    Perfect thank you very much.

    #1213229
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

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