Archived topic
Using Sider Layout from Site Library
7 replies · Started by Duncan on August 17, 2022
I am using the Sider Layout from Site Library and WP bakery.
What I want to do is have elements that are the full width of the content area right of the menu.
But what seems to be happening when I use Stretch row and content in WP bakery is that a its stretching the content out under then menu. So it ends up being hidden behind the menu and not visible.
If there a way around this? or an alternative method?
Hi Duncan,
To have a better understanding of the issue, may you provide the link to the site in question?
You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
This is the only page I have started on but you can see that the top element goes behind the menu.
Are you able to set the position of that section manually?
Sider’s layout has a left margin for the body. By default, it’s 300px. Right now, that section has a -505 left setting.
Through this CSS, you can unset that:
.vc_row.wpb_row.vc_row-fluid.vc_custom_1660788316351.vc_row-has-fill {
left: unset !important;
}
I can unset it like that but then it doesn't touch the side menu any more.
Is there a way to make the content area full width? So that it covers the whole area right of the menu?
In your Additional CSS, there’s a code for the body.
It sets a padding on min-width: 1000px.
Try setting it the padding to 0px
Thanks heaps
You’re welcome Duncan!