- This topic has 18 replies, 3 voices, and was last updated 2 years, 12 months ago by
David.
-
AuthorPosts
-
September 6, 2021 at 1:01 pm #1920924
Adrien
Hi,
GP breaking the design of Documents BSF plugin (https://wordpress.org/plugins/bsf-docs/)
Please see the bug here:
> https://www.awesomescreenshot.com/image/13038467?key=9ee1b7cb125e7a23cc56392b0b5ae9fdPlease see below how this should look:
> https://www.awesomescreenshot.com/image/13038532?key=fc72030a6411d6451ba9cf2f0d69f06eI have done a complete debug. There are no plugin conflicts, cache is disabled, there are no issues with elements or css.
Thank you very much for your help. Kind regards, Adrien
September 6, 2021 at 1:06 pm #1920930Ying
StaffCustomer SupportHi Adrien,
Try add this CSS:
div#content { flex-wrap: wrap; } div#bsf-live-search { width: 100%; }Let me know if this helps 🙂
September 6, 2021 at 6:51 pm #1921043Adrien
Thank you very much! This solved my issue. Appreciate your help.
September 8, 2021 at 10:10 am #1923248Ying
StaffCustomer SupportNo problem 🙂
March 21, 2023 at 2:33 am #2575224Adrien
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.
March 21, 2023 at 2:38 am #2575233Adrien
Here are two screenshots.
Default 2023 WP theme:
https://pasteboard.co/3aiuuXoJLbQt.jpgGeneratePress:
https://pasteboard.co/tzROk97nz8ys.jpgMarch 21, 2023 at 2:49 am #2575250Adrien
Just made this quick video to show you: https://www.awesomescreenshot.com/video/15790751?key=9ae1df0bc2f037b61f49978c5a87e095
March 21, 2023 at 4:31 am #2575393David
StaffCustomer SupportHi there,
try adding this CSS:
body[class*="docs"] #content { flex-wrap: wrap; } body[class*="docs"] #content > div { width: 100%; }March 21, 2023 at 5:44 am #2575461Adrien
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.
March 21, 2023 at 6:02 am #2575484David
StaffCustomer SupportThat wrapper they add around the content is a pain.
Try adding this CSS to fix that :.docs-wraper { display: flex; flex-wrap: wrap; }March 21, 2023 at 6:38 am #2575524Adrien
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.March 21, 2023 at 6:43 am #2575532Adrien
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.
March 21, 2023 at 6:55 am #2575549David
StaffCustomer SupportSo is it ALL good ?
March 21, 2023 at 7:07 am #2575571Adrien
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.
March 21, 2023 at 8:21 am #2575788David
StaffCustomer SupportNo problems 🙂
What is the display rules you have for your Layout Element ? -
AuthorPosts
- You must be logged in to reply to this topic.