WooCommerce sidebar moves sides

  • Resolved Jamncream

    (@jamncream)


    6 years, 5 months ago

    Hi Andrii,
    I searched the net and found in WP support, another post with exactly the same issue, but for a different theme. I tried their solution but it did not work.
    That was add the following to Additional CSS:
    .woocommerce .sidebar-right .content {
    float: right !important;
    }
    (I couldn’t find the post it came from, so I may have added the !important. It didn’t work either way)
    The problem is this:
    I have made the left sidebar the default position, which is where I would like it to be always.
    When you click the products page, the Woocommerce widget area is in the left sidebar, but when you click any item or sub category, the woocommerce widget area jumps to the right sidebar.

    Would you know how to force the WooCommerce widget area to remain on the left please?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Jamncream

    (@jamncream)

    Just adding to that, while I have made the left sidebar the default, the sidebar widgets are displaying in the right sidebar.

    Theme Author satoristudio

    (@satoristudio)

    Hey Jam,
    the “Sitewide Sidebar” setting in Bento works by overriding the default setting in newly created posts, pages and products only (it does not change the layout of existing ones), and at the moment it does not influence the product archive pages in WooCommerce. In this light, there’s no back-end setting to adjust at the moment that could achieve what you’re after (we will add this issue to our backlog), but a CSS workaround is still possible, e.g.:

    @media screen and (width: 48em) {
.tax-product_cat.right-sidebar .content, .product-template-default.right-sidebar .content { float: right; } 
.tax-product_cat.right-sidebar .sidebar, .product-template-default.right-sidebar .sidebar { float: left; padding-right: 8%; padding-left: 0; } 
}
    Thread Starter Jamncream

    (@jamncream)

    Hmm. Thanks for that. I added all of that code to the Additional CSS, but nothing changed at all. I also tried adding the top line, then the bottom line, neither worked or made any difference at all.

    That site currently has all of the code above added to the Additional CSS.
    I will email support in future, but as this issue has been raised will leave it here, hopefully to resolve for others that may encounter the same issue.

    Should I add all of that code to make WooCommerce sidebar stay on the left?

    Theme Author satoristudio

    (@satoristudio)

    Ah, sorry, missed a thing there! The snippet should be:

    @media screen and (min-width: 48em) {
.tax-product_cat.right-sidebar .content, .product-template-default.right-sidebar .content { float: right; } 
.tax-product_cat.right-sidebar .sidebar, .product-template-default.right-sidebar .sidebar { float: left; padding-right: 8%; padding-left: 0; } 
}
    Thread Starter Jamncream

    (@jamncream)

    Lol! I have studied both pieces, and I can’t spot the difference!! But THANK YOU, that fixed it! lol

    Thread Starter Jamncream

    (@jamncream)

    Oh got it min-width vs width! Thank you again Andrii!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WooCommerce sidebar moves sides’ is closed to new replies.