list dropdown problem design of arrow

I don’t know why but the arrow of li dropdown don"t show itself correctly :

how can i fix that ?

theme: studio

url: https://utopia-paris.fr/

thanks !

1 Like

Hi @UTOPIA-PARIS

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
summary .icon-caret {
    top: unset !important;
}
svg.icon.icon-caret {
    top: unset !important;
}

Here is the result:

I hope this helps

Best,

Daisy

Hey ! it work for the menu but don’t for the svg icon cart of language choices

by the way on the collection page for the filter it’s the same problem :

summary .icon-caret {
    height: 0.6rem;
    top: calc(50% - 0.6rem);
}

@UTOPIA-PARIS

I updated you via the message and other thread, have you tried it?

Best,

Daisy

hey ! it works but it seems that the arrow didn’t move anymore in the hover mouse effect