Full height sidebar

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 :)

Hi Ying,
unfortunately it doesn't work... same problem - a big white padding on the other pages

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

isn't that the CSS i tried ? ... ok, i will try this one ...

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

You are welcome :)

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

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...

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.

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

?… 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;
}
}

ok, perfect Elvin - thank you so much !

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