Jump to content

Mobile Slider Crops Images rather than Resizes Responsively

Recommended Posts

  • Replies 5
  • Views 354
  • Created
  • Last Reply

Update: I was able to get the slider to update 

@media screen and (max-width:767px) {

.homepage .gallery-fullscreen-slideshow[data-width="full"] {

    height: 40vh !important;

}

}

But now there is a weird padding at the top - can someone please show me how to remove the padding at the top and on the right and left side if possible. 

1885930779_ScreenShot2021-06-21at9_04_14PM.thumb.png.b5cb319a1a1122535adb7c39bcb119bc.png

Link to comment
20 hours ago, Inspyre03 said:

Thank you - I must have done something wrong - because I still see the padding above the slider - I would like to reduce that so the slider lays closer to the top under the navigation/mobile home bar.

Can you keep the code? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thank you - I realized I added the CSS code to the backup site

https://hawk-custom-backup.squarespace.com

password to view the site is: Hawk2021

Please take a look how the CSS works  I tried both  lines of code and the last one stacked my headline, so I have kept it to:  

@media screen and (max-width:767px) {

.homepage .gallery-fullscreen-slideshow[data-width="full"] {

    height: 40vh !important;

}

}

Link to comment

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.