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:
Outcome:
May I ask for assistance please. On mobile view, inside a Collection, when I try to click “Filter and sort” you can see that the drop down arrow is between the white space and outline (crossing over) and the rectangle outline seems too small. Is there a way that I can put the drop down arrow inside the rectangle and make the rectangle wider? Thank you.
Current look:
If possible I want to make it like this one:
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;
}
I am saved. Thank you so much @Dan-From-Ryviu !
You are very welcome!
