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.

https://www.voodoo-design.com/mclaren/p/m-engineering-m-tuner-m838t-suite-mclaren-570gt-2d8gd

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?

https://www.voodoo-design.com/home


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

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.