Bug on variation dropdown

[brucardoso2]

I can’t click exactly on the down-pointed arrow. See attachment.
And here is a link to test: http://216.194.168.35/~sonhod5/?product=regata-ramones-mescla

The dropdown is clickable but the arrow image isn’t.

[Melanie – SUPPORT]

Hey,

I’d recommend removing the arrow altogether since you have the “…” that imply a selection anyways.
If you’re fine with that, feel free to add this custom css:

.variations_form .woo-select:after {
content: none;
}

Cheers!

[ap]

A better fix for me was to remove the opacity on the arrow in the CSS. This seemed to fix the issue. Put this in your child theme:

.woocommerce-ordering .woo-select:after {
content: “”;
display: inline;
font-family: FontAwesome;
font-size: 12px;
font-style: normal;
font-weight: normal;
margin-left: -10px;
opacity: 1.0;
}

[Melanie – SUPPORT]

Fantastic tipp! Thanks ap 🙂

[brucardoso2]

Thank you ap, as my product was a variable one I had to apply this class:
.variations_form .woo-select:after {
opacity: 1.0;
}

Thank you, very nice finding!

[Melanie – SUPPORT]

Great! 🙂