Jump to content

Images cut off on mobile

Recommended Posts

  • 3 weeks later...
4 hours ago, camfont said:

Hi tuanphan – I'm not sure I understand, I don't want to disable it on the home page, for desktop at least... I don't need it for mobile if that's the issue.

Add to Design > Custom CSS

@media screen and (max-width:767px) {
body.homepage .parallax-mirror:first-child img {
    transform: unset !important;
    left: 70px !important;
    width: 70% !important;
    height: auto !important;
    top: 0 !important;
}
body.homepage .parallax-mirror:first-child {
    height: 200px !Important;
}
}

 

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
  • 3 weeks later...

Hi @tuanphan– Unfortunately the images are still cut off on the left and right because they are too tall on mobile... See attached image. I've tried the code below with no luck:

@media only screen and (max-width: 767px) {
  #block-7d357e8c8067fc8d2865 { 
  width: 60%!important;
  margin: 0 auto;
}
}

 

 

IMG_5973.PNG

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.