[Resolved] Full height sidebar

Home Forums Support [Resolved] Full height sidebar

Home Forums Support Full height sidebar

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1659325
    Ralf

    Hi

    i want the sidebar on the blog page on the right 100 % … full height.

    i tried this CSS:

    .site-content {
    display: flex;
    }

    .sidebar {
    background: #aab8cf;
    }

    but then all the other pages on the website get messed up (big white space/padding on the right) … any other solution ?

    #1659396
    Ying
    Staff
    Customer Support

    Hi Ralf,

    Try this CSS instead:

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

    Let me know 🙂

    #1659725
    Ralf

    Hi Ying,
    unfortunately it doesn’t work… same problem – a big white padding on the other pages

    #1659732
    Ying
    Staff
    Customer Support

    I see, edited CSS here, so it only effects the pages that have right sidebar 🙂
    https://generatepress.com/forums/topic/full-height-sidebar/#post-1659396

    #1659752
    Ralf

    isn’t that the CSS i tried ? … ok, i will try this one …

    #1659753
    Ralf

    cool ! that worked – thank you so much !!!

    #1659762
    Ying
    Staff
    Customer Support

    You are welcome 🙂

    #1659814
    Ralf

    Sorry, i was too fast… it is not working on mobile view…

    #1659815
    Ralf

    Normally the sidebar is below the posts on mobile but now it is still on the right… the page is not responsive and too wide…

    #1659822
    Elvin
    Staff
    Customer Support

    Hi there,

    Can you link us to the site in question so we could check what’s occurring?

    You can provide the site details on the private information text field. Thank you.

    A wise man once said:
    "Have you cleared your cache?"

    #1659833
    Ralf

    ?… i did that already in the beginning… anyway… see in private info

    #1659842
    Elvin
    Staff
    Customer Support

    ?… i did that already in the beginning… anyway… see in private info

    All things added within the private information text field is automatically deleted when the topic is marked resolved. We don’t store information for the user’s security. 🙂

    Normally the sidebar is below the posts on mobile but now it is still on the right… the page is not responsive and too wide…

    I’m not exactly sure how you want the sidebar to behave on mobile.

    To clarify: You want the mobile viewport to keep its default sidebar behavior?

    If so, we can wrap the CSS with @media rule so it only applies on specific viewports.

    Example:

    @media(min-width:769px){
    body.right-sidebar .site-content, #right-sidebar {
        display: flex;
    }
    #right-sidebar .inside-right-sidebar {
        display: flex;
        flex-direction: column;
    }
    #right-sidebar .widget:last-child {
        flex: 1;
    }
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1660246
    Ralf

    ok, perfect Elvin – thank you so much !

    #1661128
    Elvin
    Staff
    Customer Support

    Nice one. No problem. glad you got it sorted.

    A wise man once said:
    "Have you cleared your cache?"

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