How to change zoom button position on product page

[Zakariatheguy]

Hey there, I would like to move the position of the zoom button to right under. Any idea how?

My website: www.auntclothing.com

[Guleria]

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your section-main-product.css file and paste the following code at the bottom:

.product__modal-opener:hover .product__media-icon{
    margin-top: 40px;
    margin-left: -14px;
}

[Zakariatheguy]

Thanks! Do you know how I can put it right under the photo?