-
-
My sidebar widget appears to be too wide and its running over my content. I must be doing something wrong but can’t work out. I’ve gone through all settings to try and fix it but just can’t seem to work out how to do it. I’ve included a screen grab so that you can see what’s happening. What do I need to do?
-
Hello,
You can add this code into your custom css box:
#widgetarea-sidebar { width: 20% !important; }
If you are not satisfied with the result, send us a link where you have two sidebars, so that we can give a more precise advice.
Best regards!
-
Hi, thanks for the speedy response. This appears to have fixed my sidebar issue but think I have an issue elsewhere. See this link https://www.yourpm.coach/test/product-category/project-programme-management/agile-and-scrum/. As you can see I should have 5 products on display but for some reason these are splitting across three rows rather than two which they should be. Do you know what it is I’m doing wrong?
-
Ahhhh spoke to soon, still experiencing an issue with sidebar width. Its hasn’t worked on this page https://www.yourpm.coach/test/product/agile-foundation-practitioner-exam/ (forgot the page I initially checked that I had actually put padding on to prevent the issue).
-
Hello,
Please edit the code above to this:
#widgetarea-sidebar { width: 23% !important; padding-right: 20px !important; }
Result screenshot.
And this code:.woocommerce .with_sidebar ul.products li.product, .woocommerce-page .with_sidebar ul.products li.product { width: 22% !important; }
For the products (screenshot). Let us know.
Best regards!
-
-
You must be logged in to reply to this topic.