ETHOS - SHOP page sidebar

[Pbalazs89]

Hi there,

1. I’m building a site with Pro and the Ethos stack. I would like to make a shop page but I can’t make it add a sidebar for the life of mine:

Screenshot

I tried adding the sidebar in appearance widgets and then in theme settings but it does not appear. Any ideas?

2. Also, where can I modify the product display animation on the shop page in the theme files?

Thanks!

*Edit = Actually I managed to fix #1, it was because of the global layout. However, I would like to slightly edit the shop page. The sidebar is simply taking up too much space, but I can’t seem to find the css that effects the container, x-sidebar does not seem to do it.

*https://www.dropbox.com/s/8k20hipwy1jmf7y/Screenshot%202018-11-10%2014.13.52.png?dl=0

Half of this gray background area would be enough if that’s possible. Thanks!

[jade]

Hi @Pbalazs89,

Please try this code in the Global CSS:

.post-type-archive-product .x-sidebar {
    width: 20%;
}

.post-type-archive-product .x-main {
    width: 80%;
}

.post-type-archive-product.x-content-sidebar-active .x-container.main:before {
    right: 20%;
}

In case this code does not work, please provide us with the URL of the page in question.

Hope this helps.