[Resolved] Right side bar moving to bottom of page

Home Forums Support [Resolved] Right side bar moving to bottom of page

Home Forums Support Right side bar moving to bottom of page

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #1431771
    Helmke

    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
    Helmke

    #1431807
    David
    Staff
    Customer Support

    Hi 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%;
        }
    }
    #1431819
    Helmke

    Perfect! Thank you!

    #1431841
    David
    Staff
    Customer Support

    You’re welcome

    #1431842
    Helmke

    Hi 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
    Helmke

    #1431848
    David
    Staff
    Customer Support

    Ooops – i updated the CSS above so it only applies to the Archives.

    #1432109
    Helmke

    Thank you – its working now 🙂

    #1432152
    David
    Staff
    Customer Support

    Glad to hear that

    #1432585
    Helmke

    Hi 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 correctly

    If 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 bottom

    Is there perhaps a way around this?

    #1432749
    David
    Staff
    Customer Support

    Can you point me to an Archive without Subcategories ( with my CSS in place )?

    #1432759
    Helmke

    Sure

    I have edited the URL in this ticket to a child category.

    #1432820
    David
    Staff
    Customer Support

    Thats 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?

    #1432954
    Helmke

    Hi David

    Thank you for the feedback. I will do some research on this issue.

    #1433194
    David
    Staff
    Customer Support

    Let us know.

    #1433924
    Helmke

    The 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.

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.