Why is the dropdown arrow icon missing from my store's variant selector?

Store Design
1

Hi Everyone i trust all is well, Please can someone help me with the drop down icon for selecting different variants as it is missing on my store? it was there but now its gone (see screenshot)

my url is https://ljvapes.co.uk

2

Thank you can you please advise

3

can i have a picture of it

or if you don’t mind can you just let me do it for you

i dont really know how to explain

4

Hi I have uploaded a picture of the error to the message ? Can you see it

5

i can’t see it

6

hi see attached

7

@Ljvapes

Please add the following CSS code to your assets/theme-styles.css bottom of the file.

.product-variants select {-webkit-appearance: auto !important;}

Thanks!

8

Hi i have done this but it hasn’t changed anything , the box still has no dropdown arrow?

9

@Ljvapes

Please add provided CSS code.

Thanks!

10

Hi I have done see attached images but it doesn’t seem to have rectified the issue ?

11

@Ljvapes

Please add the following CSS code to your assets/theme-styles.css and assets/theme-styles-setting.css bottom of the file.

.product-variants select {-webkit-appearance: auto !important;}

Thanks!

12

Hi im sorry but that still hasn’t fixed the issue , im really sorry but it doesn’t work the drop down box still has no arrow

13

@Ljvapes

Please add the following CSS code to your assets/theme-styles.css bottom of the file.

.selector-wrapper select {-webkit-appearance: auto !important;}

Thanks!

1 Like
14

That’s great thank you so much it worked

15

Hi sorry to bother you again but I’ve noticed that when selecting different products ion the dropdown arrow you kindly added for me the image doesn’t change to the correct variant ?