Images not showing up on mobile device

Hello bryancie,

In your elementor edit page please check have you uploaded image for mobile responsive.(for that at bottom of elementor settings ->responsive mode and select in mobile view) drag image you wish to show.

or you can use css to display that but that is not good option for this.
Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

@media (max-width: 767px){
.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {
    display: block;
	}
}

Hope this will helps you.

Thanks.

• This reply was modified 5 years, 11 months ago by AddWeb Solution.

Hi AddWeb,

Thank you for the quick response.
Yes, the image shows that it is uploaded on mobile responsive. The same situation of image disappearing happens also on the desktop browser when you minimise the browser size past a certain size. Is it something to do with the image size that causes the disappearing?

Regards,
Bryan

Hello,

Edit page with Elementor and click on Section > Advanced > Responsive and turn off the hidden on mobile option or add the below code to the Customize > Custom CSS section to fix it.

@media (max-width: 767px)
.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {
    display: block !important;
}

Thank you very much @apprimit! You are godsend ??
It works fine now. I wonder why it was switched to hidden in the first place. Thank you so much once again.
Have a beautiful day ahead!
Bryan

You’re welcome!

Hey, I have been having the same problem, but worse.
In Elementor Pro I created a ‘single post’ for all my articles. And for the body of the article, I made 2 duplicates, 1 for desktop and tab and another for mobile.
In the elementor editor everything seems just perfect, but when I load an article on my mobile, I cannot see the content.

Try this: https://www.comicnity.com/evaluating-black-panthers-best-picture-nomination-at-oscars/

Also, my logo fails to load on mobile, but it loads perfectly in elementor editor-mobile.

Hello,

I replied to your new topic. Please check that.

I seem to have the exact same issue but all hidden buttons are off so that is not my case.

All photos wont load on mobile device but when I use my laptop and make the screen smaller everything seems to work just like I put it up.

Can you please help me ??

@berglind123 Can you link to your site so that I can check it?

Hi. On my laptop I have a picture on the home page but when you look at my mobile I can only see a tiny line of the picture. Can you help me? My website is https://www.picturebookreviews.co.uk
Thanks

@tarajpotter you are using Astra theme, so please try to contact the Astra theme support for this issue.

Hi we are using Avada theme and the slider work ok when in computer but the slider did not show good on mobile and Ipad and other device.
The other part is all responsive but the slider did not work good on mobile or other devices!
Is there anyone could help me find out the issue?
our website: https://www.desiredressfactory.com

Thanks in advance!

Hello Amit ,

Please help me here .

Check the URL
https://www.agimpex.in/aruba-premium-basmati/

when you click Details button , a popup will come which has image slider in it .
Image slider works well in desktop . But doesnt images dont load in mobile version , or desktop version in mobile .

Hello Sir,
Please Help Me

My site https://omjom.in/ is working fine but there is Major two problems.

1. Tags are not workinkg when searching, using tags.

2. In mobile device when searched any product only product details are showing and IMAGES are not showing.
Please help me to fix this

Hello Sir,
Please Help Me

My site https://omjom.in/ is working fine but there is Major two problems.

1. Tags are not workinkg when searching, using tags.

2. In mobile device when searched any product only product details are showing and IMAGES are not showing.
Please help me to fix this