Docs

[LexCambray]

Hi Support,

1. I have the WooCom main shop page as my site home page and i am trying to remove the sidebar only on that page. What i want is a clean page with no sidebar that lists the products.
I have created a sidebar which is working just fine, but when i uncheck the box “Enable sidebar on shop index page” it is gone from the home page but the page does not go fullscreen again. I mean there is still blank sidebar space to the right.
I tried the suggested code:

.woocommerce-page .x-main {
width: 100% !important;
}
.woocommerce-page .x-sidebar {
width: 0 !important;
} 

which worked fine on the home page, but it broke the other WooCom pages – expanding them to 100% and squashing the sidebar.

Is there a way to do what i want, like from the functions.php file or something?

2. (This one could’ve solved my issue… if it worked)
I tried using Visual Composer to do this (after i’ve moved the shop index page back to /shop/) by adding the WooCom products listing box , and it worked fine except one very important for me feature – there was no pagination. If pagination worked (i want to implement infinite scrolling) that would have solved my problem.

I even tried doing this with plugins like Display Widgets, Widget Context and Widget Logic but that didn’t work either.

Regards,
Lex

[LexCambray]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

.home.woocommerce-page .x-main {
width: 100% !important;
}
.home.woocommerce-page .x-sidebar {
display:none;
} 

Hope it helps.

[LexCambray]

Hi,
Thanks a lot. It worked.
Regards,
Lex

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts