Archived topic

Fixed Nav-left, Fluid Content with right-Sidebar

5 replies · Started by Olaf on August 23, 2017

Viewing posts 1–6 of 6

August 23, 2017 at 4:11 am #371848

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

August 23, 2017 at 10:20 am #372070

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

Let me know :)

August 23, 2017 at 10:45 am #372093

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.

August 23, 2017 at 3:13 pm #372236

Try this:

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

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

August 24, 2017 at 12:44 am #372426

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.

August 24, 2017 at 9:18 am #372744

Awesome, glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.