Image Display Issue on Mobile

Ask the Community General Questions
1

Dear Elfsight Team,

Thank you always for your helpful widget service.

I’m currently using the Elfsight Popup widget (Widget ID: b03da2c4-be3b-4891-a952-8cd3cf8e3bfc) on this page:
:backhand_index_pointing_right: MENTAL PLACE

In the Elfsight admin console, the image layout appears exactly as intended on both PC and mobile view — three images aligned horizontally.
However, when I view the actual widget on mobile, the images appear broken or stacked vertically in a strange way.

I’m attaching both desktop and mobile screenshots for reference.
Could you help me fix this issue so the images are displayed properly on mobile as well?

Thank you in advance for your support.

Best regards,
Joshua Kim

image
image1920×949 130 KB

IMG_2B1F070BA29C-1
IMG_2B1F070BA29C-11290×2796 175 KB

image
image1920×925 42 KB

3

Hello, @user12542 :waving_hand:

I just checked your website and couldn’t find the installation code for your Popup. Could you please do one of the following?

  1. Add the widget back if it was removed, so we can check it again.

  2. Share a direct link to the page where the widget is currently installed, in case MENTAL PLACE isn’t the right one.

You can also temporarily hide the widget from your website, so your visitors won’t see it while we’re working: Hide from Website option.

As an alternative, you can also install the widget on a test page - that works great for troubleshooting too!

Looking forward to fixing this together :light_bulb:

4

Oops, my apologies. After I submitted the post, I ran a few tests and unfortunately didn’t preserve the page as it was at the time of posting. I’ve now restored it.

I’ll continue working on a new duplicated page instead.

Hope you have a great day!

5

Also, I wanted to clarify that the issue only occurs on actual mobile devices. When I resize the browser window on a PC to a mobile width, everything works fine—but the problem appears when accessing the page directly from a mobile device.

6

Thank you so much for reinstalling the widget!

Managed to catch this error with my colleague. No worries, I already passed it to our devs to check :factory_worker:

Just in case, please share:

  1. your mobile device name and model,
  2. OS version,
  3. browser name and version.

It will help a lot with troubleshooting :folded_hands:

1 Like
8

Thank you very much, Irene. Here is information!

  1. iPhone16 plus
  2. iOS 18.5
  3. Chrome / 138.0.7204.156
9

Hello there! Coming back with good news :smiling_face:

The dev came up with a CSS code for your case and already added it to your widget settings:

@media (max-width: 768px) {
  .global-styles, [class*='MediaImage__Container-sc'] img {
    width: 40px !important;
  }
}

Could you please take a look and let me know how it worked for you?

1 Like
10

Thank you so much xD :heart:

1 Like
11

You’re very welcome :hugs:

Drop us a line if you ever need any help :slight_smile:

1 Like