How to change the location of the Add to Wishlist on the product?

[smsigroup]

Good day!

How to change the location of the Add to Wishlist on the product?

https://scholl-shoes.com.ph/

Thank you!

[ProtoMan44]

@smsigroup thanks to posting here, you need to add CSS:
but you header also distubed.

.product-card--style4 .product-card__overlaytop {
    right: unset;
    left: 0;
}

[smsigroup]

@ProtoMan44 

Thank you for the reply.

- Where do i paste the code for the Add to Wishlist?
- How do i fix the header?

[ProtoMan44]

@smsigroup if it work so please mark it as solved , thanks 😊

[smsigroup]

@ProtoMan44 

Where do i paste the code for the Add to Wishlist?
How do i fix the header?

[ProtoMan44]

@smsigroup put it ant css file or create a style tag and use it.

also add :

header {
    width: 100% !important;
}

[smsigroup]

@ProtoMan44 

Thank yoou!

[BSSCommerce-HDL · Accepted solution]

Hi @smsigroup, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save 

.product-card__overlay.d-flex.justify-content-center.flex-column.product-card__overlaytop {
    right: unset !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[smsigroup]

@BSSCommerce-HDL 

Thank you very much for help.

[BSSCommerce-HDL]

Hi @smsigroup,
We're happy to see that our suggestion helped you solve the issue.

Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance 😍

[ProtoMan44]

@awaissandhu422 hen aa ki , per kendy pakistanio nu lanta q pehndia........