Jump to content

Shopping Cart view on mobile

Recommended Posts

Site URL: http://www.tabiasscotch.com

My shopping cart view on mobile isn't allowing me to see everything in the cart. I've troubleshooted by user different browser, but they all result in the same issue. It's as if the cart items are getting stuck behind my header, and I can't scroll up to see the top. I've removed all custom CSS thinking that were the issue, but to no avail. Is there any guidance with this?

I've attached a photo displaying the cart. You can see there is an item there, but you can't see it nor interact with it because its lost behind the header and you cannot scroll. If there are other items present, you can scroll but it never shows the top of the cart. The footer also seems to be unusually larger than it is on other pages.

I've been a user for years, but haven't had to make an account to address a issue until now.

 

Thank you!

 

IMG_8618.jpg

Link to comment

Hello!

Thank you for the response!

Here is a link to a product
https://www.tabiasscotch.com/scotchcoastcreations/igbumper60

I've had express checkout enabled in the meantime because it just simply wasn't working on the regular checkout option. However, I like the regular checkout option because it allows customers to continuously add to their cart instead of going straight to checkout after hitting one item, and having to go back to add another (if they even know to do that)

Edited by Scotch
Link to comment
On 11/20/2021 at 7:32 AM, Scotch said:

Hello!

Thank you for the response!

Here is a link to a product
https://www.tabiasscotch.com/scotchcoastcreations/igbumper60

I've had express checkout enabled in the meantime because it just simply wasn't working on the regular checkout option. However, I like the regular checkout option because it allows customers to continuously add to their cart instead of going straight to checkout after hitting one item, and having to go back to add another (if they even know to do that)

Add to Design > Custom CSS

/* Cart page - products disappear */
@media screen and (max-width:640px) {
div#sqs-cart-root {
    margin-top: 100px;
}
}

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.