Dropdown Arrow not work !

Hey! I’d like to piggyback on this because I have the exact same issue that I came here to ask about. Are you using Elementor, clicksolutions? Maybe the below code will work for you either way. It nearly solved it for me.

OceanWP: Here’s a 2 min screenshot video showing you the issue: https://cloud.smpl.ro/p9uKO5Eb

Url in question:
https://dev.emmamumford.co.uk/product/law-of-attraction-pencils-emma-mumford/

Or since we’re launching shortly, it might be the following if the above url doesn’t work anymore:

https://emmamumford.co.uk/product/law-of-attraction-pencils-emma-mumford/

Elementor support gave me this code which nearly fixed it, but wondering if you could have a look and let me know if you’re able to offer any more code or an addendum that would move the dropdown arrows over so it doesn’t cut off the wording:

.theme-select {
display: none!important;
}

#pa_make-a-choice {
opacity: 1!important;
}

Thanks so much! ??

Hi @tracyraftl , thank you for share!!!!

Your custom code gave me some new ideas… and i solved by myself…

I’m used this code :

.theme-select {
display: none!important
}
.hasCustomSelect {
width: 300px!important; opacity: 1!important;
}

#embalagens{
bottom:0px;
top:-4px!important;
}

Remember to change #embalagens for your #pa_make-a-choice, you code is this

.theme-select {
display: none!important
}
.hasCustomSelect {
width: 300px!important; opacity: 1!important;
}

#pa_make-a-choice{
bottom:0px;
top:-4px!important;
}

Let me know if you solved this too!

Best Rgds… Felipe =)

@clicksolutions YESS!! That worked! High five!

Thanks so much ??

Awesome =)

Thanks x)