# Hiding filter sidebar in favor of more listings columns at /listings/

**URL:** <https://community.hivepress.io/t/hiding-filter-sidebar-in-favor-of-more-listings-columns-at-listings/17747>\
**Category:** HivePress\
**Tags:** code\
**Created:** [June 5, 2026, 3:20pm UTC](https://community.hivepress.io/t/hiding-filter-sidebar-in-favor-of-more-listings-columns-at-listings/17747 "2026-06-05T15:20:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![obtrusive170](https://community.hivepress.io/letter_avatar_proxy/v4/letter/o/8dc957/32.png) [@obtrusive170](https://community.hivepress.io/u/obtrusive170)\
**Post date:** [June 5, 2026, 3:20pm UTC](https://community.hivepress.io/t/hiding-filter-sidebar-in-favor-of-more-listings-columns-at-listings/17747/1 "2026-06-05T15:20:48Z")

</div>

Continuing the discussion from [Search results shows all categories listings not just mine selected category](https://community.hivepress.io/t/search-results-shows-all-categories-listings-not-just-mine-selected-category/17619/3)

where i prefer to do category selection(filtering) using drop-down menu in the search bar of a /listings/ page instead of do search and then do filtering using sidebar

After disabling the filtering in sidebar and moving it to the search bar (/wp-admin/admin.php?page=hp\_settings , Listings tab, Default Fields, add “Categories” there)

“Filter” button and sidebar remains just wasting space (can this be improved by default, so the sidebar gets hidden?)

* * *

The workaround to hide that sidebar and filter button in favor of more listing columns (please improve it if it contains issues) via /wp-admin/customize.php , Additional CSS

```auto
/* /listings/ page change - Hide filter sidebar */
aside.hp-page__sidebar {
    display: none !important;
}
/* Use the hidden sidebar space to add more listings columns */
/* 3 columns on desktop */
.hp-template--listings-view-page .hp-page__content {
	flex-basis: 100% !important;
	max-width: 100% !important;
}
.hp-listings .hp-grid__item {
	flex-basis: calc(33.333% - 10px) !important;
	max-width: calc(33.333% - 10px) !important;
}
/* 2 columns on tablets */
@media only screen and (max-width: 1024px) {
    .hp-listings .hp-grid__item {
        flex-basis: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

/* 1 column on mobile */
@media only screen and (max-width: 768px) {
    .hp-listings .hp-grid__item {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}
/* end of /listings/ page change */

```

alternative and maybe better way is:

```auto
.hp-template--listings-view-page .hp-page__content {
	flex-basis: 100% !important;
	max-width: 100% !important;
}

hp-template--listings-view-page .hp-page__sidebar {
	display:none!important;
}

```

Second code leaves maximum 2 columns per row, the count of listings per page is the same for both CSS snippets, 3 column mode seems to be more space efficient (less scrolling).

---

<div class="post-metadata">

**Author:** ![kseniia](https://community.hivepress.io/user_avatar/community.hivepress.io/kseniia/32/13513_2.png) [@kseniia](https://community.hivepress.io/u/kseniia)\
**Post date:** [June 9, 2026, 9:10am UTC](https://community.hivepress.io/t/hiding-filter-sidebar-in-favor-of-more-listings-columns-at-listings/17747/2 "2026-06-09T09:10:45Z")

</div>

Hi,

Thank you for the solution! This will be very helpful for our community.

---

<div class="post-metadata">

**Author:** ![system](https://community.hivepress.io/user_avatar/community.hivepress.io/system/32/13990_2.png) [@system](https://community.hivepress.io/u/system)\
**Post date:** [July 9, 2026, 9:11am UTC](https://community.hivepress.io/t/hiding-filter-sidebar-in-favor-of-more-listings-columns-at-listings/17747/3 "2026-07-09T09:11:38Z")

</div>

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