⚡⚡Flash Sale⚡⚡ Get 20% off any Purchase!!! Limited Time Peroid Only!!! 🔖 Use Coupon Code FLASH at checkout.

Home Forums Square Invisible sidebar on WooCommerce shop

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #470
    k4p741nkrunch
    Participant

    Hi guys, I’ve been struggling with this problem all day and could use some help.

    I’ve got a Shop page on my website oldtownvaporlounge .com and there is an invisible sidebar on the right that is pushing all my content to the left. I am trying to increase the width of my shop page, but I would settle for at least having it properly centered.

    I have tried many suggested CSS edits with a Custom CSS plugin, but nothing seems to change.

    I’m not very well versed in CSS or PHP, but any help you could provide would be appreciated, thanks!

    #478
    Hash
    Keymaster

    Basically the theme is designed to have a shop page with the sidebar, So i would suggest you to add the sidebar as shown in our demo https://demo.hashthemes.com/square/shop/

    If you want to increase the width of the product then with the three product in the row, it would not cover the full width hence will always leave empty space. The only way would be to center the product. The CSS below should help you.

    .woocommerce.archive #secondary{display:none}
    .woocommerce.archive #primary{float:none; margin: 0 auto;}
    #1269
    mikolok
    Participant

    hi k4p741nkrunch, try this, go to cpanel and look for public_html/wp-content/themes/yourtheme/inc/woo-functions.php. Then remove this line of code – echo ‘<div id=”primary”>’;

    It worked for me hope it helps you too.

    #1298
    Hash
    Keymaster

    @mikolok it will not work. Instead it will break the div structure of the website.

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