Variant drop down arrow size too large

Trying to find a way to reduce the size of the arrow icons in the product variant drop down menus. Thanks in advance for any help in trying to figure out! 

On 7/16/2021 at 6:39 AM, KerryCrawford said:

Trying to find a way to reduce the size of the arrow icons in the product variant drop down menus. Thanks in advance for any help in trying to figure out! 

 

 

Hi. Can you share link to product in screenshot? We can help easier

This is a great question. Was there an answer? Or am I missing it?

There probably wasn't an answer because no one provided a URL to a product page with variants. Although many of the elements of SS are the same, because SS allows you to add custom code it is critical that folks asking questions provide the URL to the page they are having issues on. That way we can provide the best answer possible, instead of guessing at an answer.

You can try the following. Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .product-details .variant-select-wrapper::after {
  
    --size : 0.5rem;
    
    height : var( --size );
    width : var( --size );
    transform-origin : bottom;
    
    }
    
  </style>

This is for v7.1.

Let us know how it goes.