How can I move an icon to the middle of the cart drawer?

How can I move an icon to the middle of the cart drawer?

MIKESTORK
Shopify Partner
45 0 5

Hi,

 

id like this icon to display in middle area when the cart opens. I know it’s a floating icon so if it’s fixed to that area on the cart would be great and then I don’t need it floating on any other page. I’d a ctually prefer it to not float on any page and just be fixed to the cart drawer. 
my site is https://b32b39-5.myshopify.com/products/tom-ford-ribbed-underwear-tank-top-1

 

SOMEHOW THE POST GOT DELETED 

@TheoremTeam 

/* Centering the icon in the middle area of the cart drawer */
.persistentcart_icn_circle {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Ensuring the icon is fixed to the cart drawer */
.cart-drawer .persistentcart_icn_circle {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

/* Hiding the icon on other pages */
/* Assuming your cart drawer has a class 'cart-drawer', if not replace it with the correct class */
body:not(.cart-drawer) .persistentcart_icn_circle
}

Replies 3 (3)

MIKESTORK
Shopify Partner
45 0 5

3AF2AED2-54E3-4B65-816D-0F1A9BA59AC2.jpeg

MIKESTORK
Shopify Partner
45 0 5
MIKESTORK
Shopify Partner
45 0 5