Issue with dropdown menu arrow – aligned to top of dropdown

I forgot to mention that I am in the process of implementing Woocommerce and the product dropdowns look just fine, the arrows are central. https://staffieuk.com/productdropdown.jpg

Hi @sstaffie – Thanks for reaching out!

You can fix this styling conflict here by adding the below CSS code to your site:

select, .select2-container .select2-selection--single {
background-position-y: calc(100% - 18px) !important;
}

Reference Screenshot here.

Hope this helps!

That worked a charm, appreciate the help. Thank you!

Hi @sstaffie,

We are glad to know that the issue has been sorted and thank you for letting us know ??

Thanks