• I had been using the woocommerce plugin on my Lifestyle themed website. It had a right hand side sidebar, and everything was playing nicely. I updated my theme 2 days ago, and now only on my woocommerce pages, the page content pushes the sidebar to the bottom of the page.

    I can’t figure out how to fix it, and have been pulling hair for the last 2 days.

    This issue happens on the single product pages, but seems to be fine on single pages not connected to the woocommerce plugin.

    https://weddingdesignbyanika.com/design-collection/ here is the link to the page with the issue.

    Cheers,
    -a

Viewing 5 replies - 1 through 5 (of 5 total)
  • After the update, the theme may not have been updated yet. I do have a quick fix for you.

    Go to your admin panel, under appearance click editor. It should default to style.css but double check that’s the file you’re editing.

    Use this code:

    .woocommerce div.product {
        width: 75%;
        float: left;
    }

    Thread Starter msAniElle

    (@msanielle)

    Thanks so much!
    I added this to the code and it worked perfectly for the single paged items, however, the front page of the store didn’t take the fix.

    https://weddingdesignbyanika.com/design-collection/

    So it looks like this is a different issue. If you look at the page at the top and the bottom it gives you the option of showing how many items you want displayed at once. If we apply the same trick to this area then you will end up with both of those at the top of the screen. You can see this if you apply these settings the same way you did before.

    .woocommerce .products ul, .woocommerce ul.products {
        width: 70%;
        float: left;
    }

    This is really an issue that you would need to dive deeper into the code to fix and not just a CSS edit until the theme is updated. Your site looks great, hope everything works out.

    Thread Starter msAniElle

    (@msanielle)

    Thanks again! I was able to fiddle around with the code and make it work. I turned off the bottom item display, so the only thing currently out of place is the pagination. For the moment I can live with it being at the top.

    Thanks for the save!

    That’s wonderful! Glad you got that fixed and looking good again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘sidebar not functioning after update’ is closed to new replies.