Product Category Page - How to go full width

Support
#1

I have a category page and it’s showing a sidebar (blogs, etc). How do I get rid of it. The rest of my site is full width and I’d that that to be as well.

#2

Hello Mark,

Thanks for writing in!

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

.blog .x-sidebar.right {
    display: none;
}

.blog .x-main.left {
    width: 100%;
}

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.

#3

This did not work

#4

Maybe that’s because I need this for category page, not blog?

#5

Hey Mark,

Instead of custom CSS, go to Theme Options > Layout and Design > Content Layout and select Fullwidth to remove the sidebar (see screenshot)

Let us know how this goes!

#6

Therrrrrrre it is!!! Thank you!

#7

You’re always welcome Mark.

Glad @Nabeel was able to help you here. Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.