How can I move an icon to the middle area when my cart opens?

Store Design
, , , , , ,
1

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

FA3D8D74-4263-4E4A-AD61-5460DE4D8ED7.jpeg
FA3D8D74-4263-4E4A-AD61-5460DE4D8ED7.jpeg1170×2532 174 KB

@PageFly-Noah

2

go to your theme > customize > theme settings > custom css or in your theme base.css

.persistentcart_btn.bottomRight {

top: 87% !important;

}

it will move it to the bottom side all the developers mostly used this position

3

Thank you. This options already available per the app.

I want it to be fixed in the cart only not floating and in the middle as pictured

4

Hello @MIKESTORK

Are you are looking for something like this ?

Sweet_Savior_3_0-1707923495273.png
Sweet_Savior_3_0-1707923495273.png1198×942 93.7 KB

.lock .persistentcart_btn {
  right: 200px;
  bottom: 120px;
  top: auto !important;
}

Add the code in theme.css.liquid file at the bottom.

Thanks