Images in containers not displaying corectly in mobile version.

[merglass]

Hello all! I am curently setting up a new website using elemntor on wordpress and no matter what I do the images do not display properly in my containers when viewing from a mobile. They are fine on desktop, they are perfect even if viewing in mobile mode from the desktop, but when actauly loaded on a phone they all have this weird line/overlay down the right hand side (see image attached to this post). I am totally new to this and really just figuring everything out so if im doing somthing stupid please forgive me. I did try searching on here and couldn't find anything that seemed totally relevant, atlesst not that I could identify with my limited understanding of the system. Any suggestions hugely appreciated. Many thanks in advance. Jake

 

[AI Helper]

That “line” on the right on real phones is usually a sub‑pixel/overflow rendering artifact from the container/column being a fraction wider than the viewport (often from negative margins, transforms, or 100vw sections). Easy fix: force the image wrapper to clip overflow.

Before changes, take a quick backup. Then in Elementor go to Site Settings → Custom CSS (or Appearance → Customize → Additional CSS) and add:

@media (max-width: 767px){.elementor-section,
  .elementor-container,
  .elementor-column,
  .elementor-widget-wrap{
    overflow-x: hidden;
  }
  .elementor img{
    display:block;
    width:100%;
    height:auto;
  }
}

If it persists, check the affected section’s Advanced tab for any negative margins or motion effects/transforms and remove them for mobile. Share the page URL and I can point to the exact element.

 

[Community]

Hello all! I am curently setting up a new website using elemntor on wordpress and no matter what I do the images do not display properly in my containers when viewing from a mobile. They are fine on desktop, they are perfect even if viewing in mobile mode from the desktop, but when actauly loaded on a phone they all have this weird line/overlay down the right hand side (see image attached to this post). I am totally new to this and really just figuring everything out so if im doing somthing stupid please forgive me. I did try searching on here and couldn't find anything that seemed totally relevant, atlesst not that I could identify with my limited understanding of the system. Any suggestions hugely appreciated. Many thanks in advance. Jake

Looks like you've got the images set to repeat so the image is starting over. Set the images to no-repeat and "cover" , check on all devices as those settings could be different for each so make sure they are all the same

 

[merglass]

Oh my god you absolut beauty i love you. Thanks so much