Sidebar in Woocommerce shop page but not in blog

[gaga4]

Hello,

I would like to set up a sidebar on the Woocommerce shop page in order to diplay my categories. When I set up the categories sidebar in the widget and set up my website on “sidebar-left / content right”, the sidebar is displaying perfectly on Woocommerce shop page but is displaying as well on my blog page. I would like my blog page to be full width but I can’t select the page template for the blog page. On the X theme options I selected my blog page on fullwidth but the categories sidebar is still displaying. How can I overcome the problem ?

Thanks in advance,
Gaelle

[Prasant]

Hello Gaelle,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

.single-post .x-main.left, .archive.category .x-main.left {
    width: 100%;
}

.single-post .x-sidebar.right, .archive.category aside.x-sidebar.right {
    display: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[gaga4]

Hello,

Thank you for your message. I pasted the CSS you gave me and set up the website to “sidebar-left / content right” and it didn’t work (the sidebar was displaying on the blog and the shop page) and Cornestone stopped working as well (http error). I tried the CSS with the website set up to full width and it didn’t work either. Thank you for your help.

Gaelle

[rad]

Hi Gaelle,

Thanks for reaching out.

May I know which site has this issue? I checked one of your site and it’s working, the products page (shop) has sidebar while news (blog) page doesn’t have any sidebar.

And if you’re referring to the site that is behind a coming soon page then please provide the admin login credentials in the secure note. And we’ll also check the cornerstone issue.

Thanks!

[gaga4]

Hello Rad,

The website is suretech.fr.
I had to delete the CSS and put the website back to full width in order to access Cornerstone. Now everything is back to normal but I can’t display the side bar on the shop. The shop is not public yet on the menu, but you can access it through this URL : https://suretech.fr/boutique/

I will send you my login credentials in a secure note so you can check the problems with Cornerestone.

Thanks a lot Rad,

Gaelle

[basanta]

Hi There,

Thanks for writing in!

Can you please send your login details in secure note so that we can have a look.

Thanks

[gaga4]

Yes thank you for your help !

[basanta]

Hi There,

I have activated the sidebar and hide it in blog page through CSS.
Now the sidebar only comes in the product page. Also, I checked the cornerstone works fine after adding the CSS.
Here is the CSS I have used.

 .single-post .x-main.left, .blog .x-main.left {
    width: 100% !important;
  }
  .single-post .x-sidebar.right, .blog .x-sidebar.right{
    display: none;
  }

Please check and let me know.

Thanks

[gaga4]

Thank you so much Basanta. It’s working perfectly and Cornerstone is running well. Have a nice day and thanks again

[basanta]

Glad to know!

Thanks