Jump to content

Store Page on mobile - images too small and won't fit to screen

Go to solution Solved by Ziggy,

Recommended Posts

Hi everyone!

The mobile version of my store page shows my products in one column where the images only fill half the size of the screen with a big gap on the righthand side. Is there a code I can use to have the images fill the screen better?

See screenshot to show what I mean, I want the images to fill the column or at least be centered.

Thanks!

 

Screen Shot 2023-09-15 at 9.50.57 am.png

Link to comment
  • Solution

It looks like you using some outdated Custom CSS that no longer works, look in Custom CSS for text that sets the product grid item width to 48% and remove it, then do this:

This feature to have two columns on mobile product grid has been added to the store section settings. You can find it by editing the store section and toggling the mobile view:

image.thumb.png.0dd0596dc5fb82519688f6cd616d55d8.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
9 minutes ago, sheworeflowers said:

Thank you SO much. This solved my problem! Very grateful 🙂 

Happy to help! Could you mark my post as the solution and give it a like to help other people find this solution? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.