Moving Quick View Down in Store Page

Site URL: https://www.caminodelvino.co.uk

I was wondering whether the quick view icon on my store page could be moved further down in the gallery block when I hover over it in the store page? Currently it sits firmly in the middle (see pic), blocking the secondary image that comes up...

Cheers

It looks like you solved this?

On mobile, do you want to center contact us button?

Hi @tuanphan, I actually just disabled in the end but have now switched it back on for you to have a better look at it. 

As for the contact us button, that would be extremely helpful thank you! If it could be done for social media buttons on mobile also that would like nice all four elements being centred - thank you!

Q1. I see quick view down here.

Q2. Add to Design > Custom CSS

/* Center footer */
@media screen and (max-width:767px) {
div#page-section-5f648c802171aa5da9a1525a .span-12 .row * {
    text-align: center !important;
}
}

@tuanphan yeah this is something I'd noticed as the difference between the quick view option on the homepage as a 'product' element, in comparison to the quick view option on the store page. It is this second  quick view problem which I am trying to solve (ideally for it to be solved how the first one looks as it looks quite nice!)

Thank you for the extra bit of code for centering , very kind 

Add to Home > Design > Custom CSS

.products.collection-content-wrapper .grid-item .sqs-product-quick-view-button-wrapper {
    padding-bottom: 30px !important;
}

Thank you so much @tuanphan, you're a star

On 1/13/2021 at 7:52 PM, ferguswood said:

Thank you so much @tuanphan, you're a star

Text is a bit narrow on tablet. Do you want to increase width?

Yes please @tuanphan, very kind of you to offer

On 1/17/2021 at 5:28 PM, ferguswood said:

Yes please @tuanphan, very kind of you to offer

Add to Design > Custom CSS

/* About tablet text width */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="5f9fd76831ce363ec2d593ad"] .content {
    width: 100% !important;
}
}