Image not resizing properly on mobile

[kmacri13]

Hi,
I have an image on my home page that is suddenly not resizing properly on mobile. If i look at a mobile size screen on my laptop, it appears just fine. However, when I look at the image on my iPhone XS, it is adding a large gray gap on top and bottom. I have attached an image to show the issue.

Website URL: https://www.newmoonstrategy.com/

Thank you,
Kate

[ruenel]

Hello Kate,

Thanks for posting in! I have investigated the issue and it is because of the default behavior of the parallax background image. To resolve this and override the default behavior of the image, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 979px){
  .x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
    background-size: cover !important;
  }
}

If you are interested, you can learn more about CSS and details here.

We would love to know if this has worked for you. Thank you.

[kmacri13]

Hi Ruenel,
Thank you so much for the assistance, that fixed it! Have a great day!

[lely]

You’re always welcome Kate.

Glad @ruenel was able to help you here.

Cheers!