GP breaking the design of Documents BSF plugin

Hi Adrien,

Try add this CSS:

div#content {
    flex-wrap: wrap;
}
div#bsf-live-search {
    width: 100%;
}

Let me know if this helps :)

Thank you very much! This solved my issue. Appreciate your help.

No problem :)

Hello, I'm reopening this ticket because the code above does not work anymore.

When Im trying to use BSF plugin for documentation everything is upside down. I had the same issue with another KB plugin.

Could you help? I have enclosed my page URL. Thanks a lot for your help.

PS: The search bar should be horizontal.

Here are two screenshots.

Default 2023 WP theme:
https://pasteboard.co/3aiuuXoJLbQt.jpg

GeneratePress:
https://pasteboard.co/tzROk97nz8ys.jpg

Just made this quick video to show you: https://www.awesomescreenshot.com/video/15790751?key=9ae1df0bc2f037b61f49978c5a87e095

Hi there,

try adding this CSS:

body[class*="docs"] #content {
    flex-wrap: wrap;
}

body[class*="docs"] #content > div {
    width: 100%;
}

Hello David! You're code is a great improvement thank you.
However, as you can see now and on the enclosed screenshot, this right side bar can be removed with a layout element and on mobile the right side column is pushing all screen to the right side with a big gap.

https://pasteboard.co/FCs3OFuUEQ8G.jpg

Thanks for your help.

That wrapper they add around the content is a pain.
Try adding this CSS to fix that :

.docs-wraper {
    display: flex;
    flex-wrap: wrap;
}

It didn't work. It looks like the Element layout >> sidebar/content (Left sidebar) does not show.
Instead, it's replaced with the right sidebar and its widgets.
I've already debugged but couldn't find any conflict anywhere and my debug.log is empty. Im on PHP 7.4.

Add-on: David if you see the search bar container with grey background, it's supposed to be full width. Maybe it's related to the issue with the sidebar.

Solved.

So is it ALL good ?

Not at all ;-)
Looks, it's what im trying to explain:

https://pasteboard.co/6iYRXrTJMSwl.jpg

My layout element is set to >> sidebar/content.

Here my left sidebar don't show at all and is replaced by the right sidebar with its respective widgets.

I'm sorry for the headache.

No problems :)
What is the display rules you have for your Layout Element ?