How to make header triangle icons rotate?

Store Design
1

Would someone help me make the header triangle icons I have pointer arrows to in the picture below, without making the basket icon rotate too?

https://clair-de-lune.co.uk/

i used this code, however it make the basket icon spin too, how do i prevent this?

div.header__action-item-content:hover .icon {
transform: rotate(180deg);
color: #98D1C9 !important;
}

joshualev_0-1657269065683.png
joshualev_0-1657269065683.png826×215 9.06 KB

2

Hi!

Try this:

div.header__action-item-content:hover .icon--arrow-bottom {
transform: rotate(180deg);
color: #98D1C9 !important;
}
3

@WoodyDev thanks mate really appreciate that! helped alot

4

You’re very welcome!

You just needed to target the specific icon rather than all icons, so you nearly had it :grinning_face_with_smiling_eyes:

If you could spare a moment to read through my signature below, I would highly appreciate it :heart: