Shopify themes, liquid, logos, and UX
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
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025