Return to previous page

Shop : Remove category sidebar - by chokdidesign

This topic has 8 replies, 3 voices, and was last updated 10 years ago ago by Robert Hall

chokdidesign

Participant

November 18, 2014 at 15:13

Hello!

Sorry this may already have been adressed, but i couldn’t find any trick.
I would like to remove the “categories” sidebar of my products page, and only have a list of products, as i manually put the categories menu by hand in the shop header.
(Is there a trick to either put it horizontally on top of the shop?)

My shop page has no sidebars in it’s page layout,
The theme options are selected as “no sidebar” in the products page tab,
and no widgets are there at all.

And it still shows…

Thanks!

Please, contact administrator
for this information.

#25140 Copied

7 Answers

Robert Hall

Support staff

November 18, 2014 at 15:35

Hello,

Please provide us with correctly link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#25143 Copied

chokdidesign

Participant

November 18, 2014 at 15:42

Hello Robert!

Everything is below!

Thanks!

Please, contact administrator
for this information.

#25145 Copied
Eva Kemp

Support staff

November 19, 2014 at 00:41
Hello,

Please add this code into custom.css file:
```
div#product_categories-1 {
display: none;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme, but the process is the same).

Also we recommend to upgrade the theme to the latest version:
https://www.8theme.com/demo/docs/royal/#!/installation_upgrade (paragraph “1.5 Theme Upgrade”).

Thank you.
Regards,
Eva Kemp.
#25239 Copied
chokdidesign

Participant

November 19, 2014 at 01:14

Hello Eva,

Thanks for the update info!

The CSS works, it indeed hides the categories, but doesn’t remove the side bar. Would it be possible to have the products stretch full width (over the 12 columns)?

I see the sidebar div has that md-3 class, and the product area has md-9. Is there a workaround or do i have to get my hands dirty?

Thanks!

#25251 Copied
Eva Kemp

Support staff

November 19, 2014 at 11:44
Hello,

I’ve replaced the previous code with this one:
```
.col-md-3.sidebar.sidebar-left {
display: none;
}
```
Please check the Shop page now.

Thank you.
Regards,
Eva Kemp.
#25306 Copied
chokdidesign

Participant

November 19, 2014 at 12:15

Hello Eva!

Ok thanks! that doesn’t go full width, but that is perfect do for now, thanks! I’ve centered the column, it will work.

Let me know if there are hints to fully spread the column over the wrapper!

Thanks

#25312 Copied
Robert Hall

Support staff

November 19, 2014 at 15:29
Hello chokdidesign,

Sorry, but we don’t have such feature in our theme.
But you can try to add code:
```
.main-products-loop .products-loop {
width:1200px;
margin-left:-100px;
}
@media screen and (min-width: 1200px){
.row-count-2 .product {
width: 590px;
}
}
```
Regards,
Robert Hall.
#25356 Copied
Viewing 8 results - 1 through 8 (of 8 total)