Filter and sort dropdown arrow and width

Solved

Filter and sort dropdown arrow and width

glucinth
Explorer
63 1 12

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:

 

glucinth_0-1720052859316.png

 

If possible I want to make it like this one:

 

glucinth_0-1720053715627.png

 

 

website link

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8550 1687 1694

This is an accepted solution.

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;
}

Screenshot 2024-07-04 at 09.27.09.png

 

 

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
8550 1687 1694

This is an accepted solution.

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;
}

Screenshot 2024-07-04 at 09.27.09.png

 

 

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

glucinth
Explorer
63 1 12

I am saved. Thank you so much @Dan-From-Ryviu!

Dan-From-Ryviu
Shopify Partner
8550 1687 1694

You are very welcome! 

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.