[Resolved] Fixed Nav-left, Fluid Content with right-Sidebar

[Olaf]

Hi Tom,

iam trying to figure out, if it’s possible to get a fixed-left Sidebar/Nav, a fluid Content and a right Sidebar with Widget.

I found your code for the left-Menu + Sidebar-Widgets and it works perfectly: https://generatepress.com/forums/topic/fixed-left-vertical-navigation-layout-css-and-customizer-only/
(changed .sidebar to #left-sidebar)

But now i am trying to set the Widget-Area on the right (Layout Sidebar / Content / Sidebar), but it breaks the Layout.

Any suggestions – thanks a lot 🙂

[Tom]

Can you show me the site so I can see what’s broken/what did it?

Let me know 🙂

[Olaf]

Hi Tom, ofc

I set up some dev site for you: http://dev.jabbadu.com/

Left Sidebar/Widget Area and primary-nav works great.
Right Sidebar is kinda broken.

Let me know if u need some more.

[Tom]

Try this:

body .grid-container {
    max-width: 100%;
}

@media (min-width: 769px) {
    #right-sidebar {
        position: relative;
        left: 20%; /* width of left sidebar */
    }
}

[Olaf]

Outstanding Tom!

Thanks for your help, looks like i want it to have.

Just needed a slightly change to “left: 25%” on the right sidebar.

[Tom]

Awesome, glad I could help 🙂

[Author]

Posts