Docs

[Ben H]

Hi there,

I’m surprised I couldn’t find mention of this issue by searching, so I thought I’d post for help.

The portfolio-items in my portfolio are displaying with a sidebar. I have the portfolio page marked for “Full Width,” but I can’t find any way to configure the layout of the portfolio-items.

I’m guessing there’s a simple solution, but I can’t find it. What do you recommend I do to remove the sidebar from portfolio-items?

Ben

[Alexander]

Hi Ben,

Do you mean the individual portfolio item pages? Or the main listing page? If it’s the main page, try going to Customizer > Portfolio and set the “Custom Portfolio URL” to something other than the slug of the portfolio page you’re using. Then go to Settings > Permalinks in your dashboard and click “Save”

If you still need help, could you share a link to your site so we can get a better idea of what might be happening?

[Ben H]

Here is an example individual portfolio item page that is still displaying a sidebar (and I would prefer it not):

http://benhauck.com/project/angie-atkinson-indiegogo-commercial/

Ben

[Alexander]

Hi Ben,

I see what you mean. This is because you’re using the Icon stack. Icon implements a unique sidebar that works a bit differently.

Try adding this under Customizer > Custom > CSS

body.single-x-portfolio { padding-right:0; }
body.single-x-portfolio .x-sidebar.nano { display: none; }

That should remove the sidebar on all portfolio item pages.

[Ben H]

Thank you very much! That did the trick!

Ben

[Christian]

You’re welcome Ben.

[Glenn T]

How would you do this with the integrity stack? I’d like the content full width as well.

Appleby College

[Nabeel A]

Hi Glen,

Thanks for writing in, I’m not able to find sidebar on the provided link. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[Glenn T]

Thanks for the reply. I’m sorry but I had solved it by editing a template file but since then I have been shown how to do it with straight css. For others here is the css to hide the extra’s side bar and have the content full width.

.x-portfolio .entry-info {
width: 100%;
}

.x-portfolio .entry-extra {
width: 100%;
margin-top: 10px;
}

[Christian]

Glad you’ve sorted it out and thanks for sharing Glenn.

[hwressnigg]

This code doesn’t work with Renew. How is this accomplished with Renew?

[Christopher]

Hi there,

Provided code in https://community.theme.co/forums/topic/remove-sidebar-from-portfolio-item/#post-219424 should work on renew stack as well.

Please provide us with URL so we can take a closer look.

Thanks.

[Ben Horle]

It worked for me and I use renew, thanks guys!

[Thai]

Glad it worked, Ben.

If you need anything else, please let us know.

[Ben Horle]

Hi

I’ve just noticed that although the sidebar is removed the post is not the full width, It’s as if the sidebar space is still reserved and the side bar is just hidden. Is it possible to have portfolio items full width please?

https://www.sussexchef.com/portfolio-item/caterers-for-ditchling-village-barn/

[Author]

Posts