Jump to content

How to remove overflow/scrollbars in empty Shopping Cart page

Recommended Posts

In editing mode, the empty Shopping Cart page looks perfect in the mobile view (see screenshot 1).

However, on my device, the empty Shopping Cart page has scroll bars on the right and you have to scroll down to see the footer, even though there is no content on the page (see screenshot 2).

How can I fix this so that the empty Shopping Cart page on my device has the footer sitting at the bottom of the page with no scrollbars? 

Thank you!

Screen Shot 2024-04-10 at 11.40.20 am.png

Incident Zero.jpeg

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

4 hours ago, rhondahymason said:

In editing mode, the empty Shopping Cart page looks perfect in the mobile view (see screenshot 1).

However, on my device, the empty Shopping Cart page has scroll bars on the right and you have to scroll down to see the footer, even though there is no content on the page (see screenshot 2).

How can I fix this so that the empty Shopping Cart page on my device has the footer sitting at the bottom of the page with no scrollbars? 

Thank you!

Screen Shot 2024-04-10 at 11.40.20 am.png

Incident Zero.jpeg

Can you share your URL so I can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Have you fixed it yet?

I check on my device and it works properly without any scrollbar on the right

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 4/11/2024 at 11:20 AM, Beyondspace said:

Have you fixed it yet?

I check on my device and it works properly without any scrollbar on the right

Not yet. It still features a scrollbar on my iPhone 11. 

I wonder if it is to do with the different resolutions?

If there were a way to make the scrollbar disappear across all devices, that would be amazing.

Link to comment

I checked on the resolution of IP11 and it works properly. Have you tried refreshing this page again? Make sure that you do not zoom in on the browser

image.thumb.png.f7ebba91b7bc4559b9e050ad7f1de4e3.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
49 minutes ago, Beyondspace said:

I checked on the resolution of IP11 and it works properly. Have you tried refreshing this page again? Make sure that you do not zoom in on the browser

image.thumb.png.f7ebba91b7bc4559b9e050ad7f1de4e3.png

I think it looks fine on those screen resolution tests.

But on the actual browser where there is the URL/search bar, the scrollbar appears, if that makes sense.

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.