- This topic has 15 replies, 2 voices, and was last updated 3 years, 6 months ago by David.
-
AuthorPosts
-
September 5, 2020 at 5:38 am #1431771Helmke
Hi there
My right side bar is moving to the bottom of the page when I use the Product Sort and Display for WooCommerce plugin. I have read in other posts that the sidebar moves to the bottom if the code is not compatible.
My dilemma is that I have been using this plugin for years on my existing theme and it works perfectly. Product Sort and Display has become an important feature on our site. I have tried similar plugins and they don’t give us what we need.
I am busy migrating the theme to GeneratePress and I keep getting stuck with this issue. Is there perhaps a way that the GeneratePress theme can force the sidebar to appear on the right and disregard code issues with a plugin?
Thanks
HelmkeSeptember 5, 2020 at 6:33 am #1431807DavidStaffCustomer SupportHi there,
You can try this CSS to resolve the layout :
@media(min-width: 768px) { .right-sidebar.archive .container.grid-container { display: flex; padding: 40px 40px 0 0; box-sizing: border-box; } .right-sidebar.archive .site-content { width: 75%; } .right-sidebar.archive #primary { width: 100%; } }
September 5, 2020 at 6:48 am #1431819HelmkePerfect! Thank you!
September 5, 2020 at 7:06 am #1431841DavidStaffCustomer SupportYou’re welcome
September 5, 2020 at 7:06 am #1431842HelmkeHi David
The CSS adds a sidebar at the sort and display categories where it moved to the bottom because of the plugin. However on the other pages where the sidebar showed in the right place it now moves the sidebar to the bottom.
Thanks
HelmkeSeptember 5, 2020 at 7:11 am #1431848DavidStaffCustomer SupportOoops – i updated the CSS above so it only applies to the Archives.
September 5, 2020 at 9:23 am #1432109HelmkeThank you – its working now 🙂
September 5, 2020 at 9:58 am #1432152DavidStaffCustomer SupportGlad to hear that
September 6, 2020 at 1:42 am #1432585HelmkeHi David
I have done some more testing.
If your CSS snippet is disabled:
Non-archive pages – sidebar shows correctly
Archive pages with subcategories – sidebar moves to the bottom
Archive pages without subcategories – sidebar shows correctlyIf your CSS snippet is enabled:
Non-archive pages – sidebar shows correctly
Archive pages with subcategories – sidebar shows correctly
Archive pages without subcategories – sidebar moves to the bottomIs there perhaps a way around this?
September 6, 2020 at 6:05 am #1432749DavidStaffCustomer SupportCan you point me to an Archive without Subcategories ( with my CSS in place )?
September 6, 2020 at 6:21 am #1432759HelmkeSure
I have edited the URL in this ticket to a child category.
September 6, 2020 at 7:43 am #1432820DavidStaffCustomer SupportThats a tricky one.
The original issue with the archives looks like the some broken HTML was injected into those archive content – which is what caused the layout to break. There are several elements coming from the Product Sort and Display plugin that look like this:<div class="psad_seperator products_categories_row" style="clear:both;"></div>
I would hazard a guess it is one of them that is causing the issue. an Extra DIV or Missing DIV in their markup
When i look at the archives that have no sub-categories that markup is not present. And our Fix CSS now breaks those pages.
Do you know what these are:
<div class="psad_seperator products_categories_row" style="clear:both;"></div>
And what there purpose is?
September 6, 2020 at 8:04 am #1432954HelmkeHi David
Thank you for the feedback. I will do some research on this issue.
September 6, 2020 at 2:00 pm #1433194DavidStaffCustomer SupportLet us know.
September 7, 2020 at 7:17 am #1433924HelmkeThe issue has been resolved on the dev site.
There was a compatibility issue with the WooCommerce module of the GP Premium add-on. Product Sort & Display is releasing a new version for their plugin with the fix tomorrow.
Thanks again for pointing me in the right direction.
-
AuthorPosts
- You must be logged in to reply to this topic.