Jump to content

Moving Quick View Down in Store Page

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

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!

Link to comment

Q1. I see quick view down here.

image.thumb.png.c55a3058374322a2ca7a338fd4af4160.png

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@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 

Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.