Move arrow to right side

[Digital_Imran]

Hello everyone! I'm currently using the Impact theme, and I've noticed that an arrow appears on the left side when I hover over the collection list on the homepage.

I'd like to move this arrow to the right side, but there doesn't seem to be an option in the theme settings to do this. Could anyone provide me with the code to move the arrow to the right?
I've included the store URL and a screenshot below.
Thank you! in advance 🙂 

Store URL: https://myperfectwear.com/

[DaisyVo · Accepted solution]

Hi @Digital_Imran 

I hope you are well. You can follow my instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code part for Step 3: 

.collection-card__content-wrapper > svg {
    position: absolute ! IMPORTANT;
    right: -150%;
    bottom: 50%;
}

 

Please let me know if it works. Thank you!

Best,

Daisy - Avada Support team.

[Digital_Imran]

Thank you so much . It works