Changing layout of sort and filters in shopify search and discovery app

Changing layout of sort and filters in shopify search and discovery app

elliotb
Tourist
8 0 2

Currently sort and filters are stacked vertically. Grateful for suggestion on how to change layout as not seeing this option in the search and discovery app

 

Reply 1 (1)

EcomGraduates
Shopify Partner
795 68 114

If your sort and filters are stacking vertically and you want to change the layout, you’ll need to adjust the theme’s code, as the Search & Discovery app doesn’t provide layout options for this directly.

 

You can use CSS to make the filters and sort options display side-by-side instead of stacked. Add something like this to your base.css or theme stylesheet: 

exmaple 

.filter-sort-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; 
}

.filter-sort-container .filter,
.filter-sort-container .sort {
  flex: 1; 
  min-width: 200px;
}

 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner