Hi @glucinth
You can do that by adding this code to Online Store > Themes > Customize > Theme settings > Custom CSS
.mobile-facets__sort .select {
width: 75% !important;
}
.mobile-facets__sort .select .icon-caret {
right: 15px !important;
}
Topic summary
A user encountered a mobile display issue where the dropdown arrow in the “Filter and sort” button was misaligned—appearing between the white space and outline border—and the button’s rectangle outline was too narrow.
Solution provided:
- Add custom CSS code to the theme settings (Online Store > Themes > Customize > Theme settings > Custom CSS)
- The CSS adjusts the width of the sort dropdown to 75% and repositions the caret icon 15px from the right
Outcome:
- The issue was successfully resolved
- The user confirmed the fix worked as intended
1 Like