[Support request] Using Sider Layout from Site Library

[Duncan]

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?

[Fernando]

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

[Duncan]

This is the only page I have started on but you can see that the top element goes behind the menu.

[Fernando]

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

[Duncan]

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?

[Fernando]

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

[Duncan]

Thanks heaps

[Fernando]

You’re welcome Duncan!

[Author]

Posts