How can I relocate the wish list icon in the Dawn theme?

[xnyjyh]

I am using a wish list app from Kaktus wish list. I do not have the option to move the icon to where I want it, unfortunately. I need to be able to move the icon to the top right-hand side corner of the main product image. 

Id like some help doing so please. 

EDIT: not the header icon. I need to move the ADD TO WISH LIST button under the ATC button to top right hand side on the product image.

Thanks!

[theycallmemakka]

Hi @xnyjyh 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
div.kaktus-wishlist-button,
div.kaktus-wishlist-button.kaktus-w-preload{
    position: absolute!important;
    top: 0px!important;
    right: 0px!important;
}
span.kaktus-w-wishlist-button__text {
    display: none!important;
}
.kaktus-wishlist-button .kaktus-w-wishlist-button__wrap {
    padding: 1rem!important;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[xnyjyh]

Hello Memkka,

The code you sent doesn't move the Add to wish list button under the ACT button. only interferes with the header icon.

[theycallmemakka]

Can you provide me link to your store?