list dropdown problem design of arrow

[UTOPIA-PARIS]

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 !

[DaisyVo]

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

[UTOPIA-PARIS]

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 :

[WaitWhatWeb]

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

[DaisyVo]

@UTOPIA-PARIS

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

Best,

Daisy

[UTOPIA-PARIS]

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