Hide sidebar on a select category

Dev
2

I’d quite like to do that too.

This CSS should do that nicely.

Just fill in this field with your category slug and copy the code. Then drop it in the Desktop CSS of your Theme and voila!


(If you are targeting a subcategory, use a parentslug-subcatslug format)

// hides sidebar for the specified category
body.has-sidebar-page.category-=CategorySlug= {
    #main-outlet-wrapper {
        grid-template-columns: 0 minmax(0, 1fr);
        gap: 0;
        padding-left: 10px;
     }
     .wrap {
       max-width: var(--d-max-width);
     }
}

@Lilly - would this work as a feature of Navigation (sidebar) menu display control?

8 Likes