Remove Sidebar on Blog Index and Single Post

Support
#1

Hi there,

I’m trying to remove the sidebar on the blog index page and the single posts without success. Can you help please?

I’m working on this website: http://mark-hanson.co.uk/
Thanks as ever.
Matthew

#2

Hello @TheoryUnit,

Thanks for asking. :slight_smile:

I don’t see sidebar on blog index page. However, you can remove sidebar from post page under X > Theme Options > Layout and Design > Content Layout > Fullwidth. https://cl.ly/313W370c2h0h

However, if you don’t want to show articles in a column layout in blog index page, you can make the necessary changes from X > Theme Options > Blog > Style > Standard.

Thanks.

#3

Hi thanks for that, but unfortunately I need the content layout set to ‘sidebar left’ for the shop and products pages. I just need to remove it on the blog posts if possible.
Thanks,
Matthew

#4

Hello @TheoryUnit,

Thanks for asking. :slight_smile:

You can add following CSS:

.single-post .x-sidebar.nano {
    display: none;
}


.single-post .entry-wrap .x-container.max.width {
    width: 100%;
}

Thanks.

#5

Hi Prasant,

That very nearly did it thank you — but I have a gap where the lines of the navbar and footer stop, where the sidebar was previously and the content isn’t central.
Can this be rectified?
Thanks for your continued help.
Matthew

#6

Hi Matthew,

I tried to check your site but the coming soon page is still active and the admin access you have provided does not work anymore.

Kindly temporarily disable the coming soon page or provide us with the active logins so that we can check your current setup and provide you with the code suggestion.

Hope this helps.

#7

Sorry, I’ll post the details below, not sure what happened there.

#8

Hi There,

Please add this to your custom CSS.

.single-post {
	padding-left: 0 !important;
}

Cheers!

#9

Thanks for that Friech — it seems to work perfectly, but then when you scroll the page, the gap on the navbar line appears again.
Can that be fixed?
Thanks,
Matt

#10

Hi There,

Sorry did not see that, please update my given CSS to:

.single-post.x-sidebar-content-active .x-navbar-fixed-top {left: 0;}
.single-post {padding-left: 0 !important;}

Cheers!

#11

Perfect! Thanks so much.
Cheers!
Matthew

#12

Hi, can I ask another question please?

I have a Slider Revolution slider on the home page: http://mark-hanson.co.uk/ which contains Woocommerce products — currently when you click on a product it takes you to the shop page index; is it possible for each individual product to take you to the appropriate single product page instead?

Thanks for your help.
Cheers!
Matt

#13

hi There,

Thanks for writing in!
Please check this article for your possible answer.
https://www.themepunch.com/faq/woocommerce-slider-revolution/

How ever I didn’t find any option in the slider to ling product details page. You can check the article. You may need custom development for this. The available option are here.

Hope this is clear!

Thanks

#14

Ah, that pointed me in the right direction, thank you Basanta.

All you have to do is put {{link}} in the Slide Link field under the Link & SEO tab and each product then links to the correct single product page, like this:

Thanks for you help.
Cheers!
Matt

#15

You’re welcome, Matt. Glad it’s sorted.

#16

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