Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
sarahrab

Index slideshow gallery mobile view

Question

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

Hello, 

I'm using the Miller template. My index page is an automatic slideshow gallery, and each image has a fixed height. On desktop, the images look perfect, but they cut off strangely in mobile view. Is there any way to change the aspect ratio on mobile without changing the way it is on desktop, or is there a way for me to change how the images get cut off on mobile?

Thanks!

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:640px) {
  .Index-gallery-item-image img {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
}
  }
</style>

 


Send me a message if you have any questions (free 10 minutes)

Free code: Squarespace 7.0 (4000+ code)

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...