Images cut off on mobile

Site URL: https://jeremymillerfsa.com

Site URL: https://jeremymillerfsa.com

Hello– This is for : https://www.jeremymillerfsa.com  Password: k5ut$YXZ53ZR!42

I just noticed that my full bleed background images are getting cut off in mobile – see attached image. Help!

Which page are you referring to? I don't see image on Press page

Hello– This is on the home page 🙂

10 hours ago, camfont said:

Hello– This is on the home page 🙂

Do you use Parallax code? Can you disable it on homepage 🙂

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.

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;
}
}

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;
}
}

@tuanphan I ended up creating completely separate sections for mobile and toggling them on or off for desktop or mobile with loads of code, but I wish it had been less complicated...

Do you still need help? We will try checking it again