There is no arrow in dropdown menu for variant

Store Design
1

This shows size variant has 2 sizes
This shows size variant has 2 sizes1878×778 128 KB

This shows arrow for quantity showing only when hovering mouse over it
This shows arrow for quantity showing only when hovering mouse over it1863×791 125 KB

This show that neither arrow for variant or quantity is showing to indicate this is clickable field
This show that neither arrow for variant or quantity is showing to indicate this is clickable field1859×796 123 KB

Hi, i am having issues with the drop down menu for choosing size variant.As you can see from the last picture There is no dropdown menu arrow to indicate that it is clickable. Even the quantity has an up/down arrow that are hidden until someone hovers over it. Is there a way to have an arrow in the dropdown menu to indicate that the customer can click on it. Is is also possible to make the arrows for the quantity next to it always visible?

1 Like
2

Hello, @kikgreekyoghurt

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

3

Www.kikyoghurt.com

pass: kik123456

Thank you so much

4

@kikgreekyoghurt

Thanks
select arrow color is white can you please upload black color

https://cdn.shopify.com/s/files/1/0069/4825/7849/t/1/assets/ico-select.svg?v=14211027259188942235

KetanKumar_0-1602510550128.png
KetanKumar_0-1602510550128.png1920×1080 403 KB

1 Like
5

Hi thank you very much again

this has showed the arrow in the size, but not the arrows in the quantity.

is there a way to keep the quantity visible permanently?

1 Like
6

@kikgreekyoghurt

Yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
input{
  &::-webkit-inner-spin-button{
    opacity:1; // magic!
  } 
}
1 Like
7

Thank you so much. This worked

1 Like
8

@kikgreekyoghurt

Thanks for update and support