[Resolved] Unable to hide sidebar on 'Blog' page.

[Asen]

Hello,

I want to disable the sidebar on my ‘BLOG’ page. To do so I edit the blog page and I choose the option Content (no sidebars) but still the right sidebar is visible. How to hide it only on the Blog page?

Thank you!

Asen

[Leo]

Hi there,

This should help:
https://docs.generatepress.com/article/sidebar-layout

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Asen]

Hi Leo,

Thanks for your answer.
I tried to use the Layout settings on the ‘Blog’ page and as explained I checked the ‘Content (no sidebars)’ option but it doesn’t work.I am not at 100% sure but before it worked.

I just saw this:

“Please note that WordPress ignores metabox values on index pages like blog and archive so this meta box won’t work for those pages”

https://docs.generatepress.com/article/layout-metabox-overview/

I am not sure to understand how to configure it using Functions. Could you please help? How to do it?

Thanks!

Asen

[Leo]

The blog sidebar layout is in the customizer options. You should be able to find by following the link provided above:
https://generatepress.com/forums/topic/unable-to-hide-sidebar-on-blog-page/#post-646379

Let me know if this helps.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Asen]

Hey Leo,

That’s cool! It works when I change it from the Customizer.
Many thanks for your precious help!

Asen

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sven]

Hi there,

how can I change the design of the blog overview? On mobile phones (and only there) the right sidebar should be hidden…

https://weicheswasser.org/blog/

I guess it’s some css with hide-on-mobile?!

I appreciate your answer,
Sven

[David]

Hi there,

first off adjust your Flex CSS on the site content so it only applies to desktop like so:

@media(min-width: 769px) {
    .site-content {
        display: flex;
    }
}

Then this CSS to remove the sidebar on mobile

@media(max-width: 768px) {
    #right-sidebar {
        display: none;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sven]

Hi David,
works! Thank you… 🙂
Sven

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts