Jump to content

Formatting Help with Mobile View

Recommended Posts

Site URL: http://www.voodoo-design.com

Hello Everyone, 

Getting my page to work correctly in mobile has been very frustrating. Originally, none of the images would format correctly in the browser. 

I added this code below in Design > Custom CSS > 

@media screen and (max-width:1080px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 30vh !important;}}

Now the galleries on all pages work correctly.

Here are the issues that I am still having. 

1. How do we get the mobile browsers to properly display images that are not 3:4 ratio like for this product listing.


The product images is cropped while all other products in 3:4 or 16:9 ratios are displaying properly.

2. How do we get the the static images (non gallery, non sider) to properly display throughout the site on a mobile browser?


Any help would be appreciated and I willing to tip anyone in Venmo who can help me!

Link to comment
  • Replies 0
  • Views 316
  • Created
  • Last Reply


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.