WordPress has been a revolution in terms of building a website. You don’t need coding knowledge to build a website here. That is why WordPress powers almost 42% of the website on the internet. The functionalities are uncountable in this platform. And it comes with some pretty neat tools to manage and edit images. You can easily upload photos, align them, create grids, and even regulate them inside WordPress.
Some users complain that they see images in the web version but can not see them in the mobile version. For example, you have changed your current theme or any other plugin related to the image. It can be a cause behind images not showing. Another reason can be your current web hosting. These are the possible ways.
Here, the top 3 reasons behind this problem are utilized and shared with you so that you can avoid them.
Issues with Plugins/Themes for Images Not Showing on Mobile
Mostly these issues are related to WordPress. The prime reason can be plugin or theme conflict. To solve this issue, first, analyze if any friction or other problem occurs in the plugin. If yes, disable all the plugins running on your site. Next, switch to your default theme that is activated on your site.
If the issue is solved, then you can enable the plugin and activate your theme. Or you can search for a plugin that may help to diagnose your site. These kinds of plugins are designed to help users to find out the issues without affecting the normal traffic flow of your site.
1. Page Builder-Related Issues
If you used page builders like Elementor or Divi Builder to create your website, then image related issues could occur. To solve this problem, scroll to the bottom of the Elementor. Go to Settings >>Responsive Mode: choose the mobile view. Finally, drag and drop the image you wish to display.
You can use CSS to display the images. It might not be the best option. However, you can give this code a try:
Add the CSS code below to your current active child theme’s style.css file or you can add a CSS option in the theme’s customizer:
@media (max-width: 767px){
.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {
display: block;
}
}The code above can fix the image related issue on the mobile site. But another issue arose with that. That is images disappear from a desktop browser when you minimize the browser size past a certain size.
Then you can try this code :
Go to the “Edit page with Elementor”. Next click on Section>>Advanced>>Responsive and turn off the hidden on mobile option. Or you can 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;
}
How to Create Photo Grid Manually in WordPress?
2. The Theme is Not Updated on a Regular Basis
Many kinds of themes are available in the WordPress repository. Most of them need regular updates. If you don’t update them regularly, then images not showing on mobile devices type of issue can happen frequently.
Theme related image-based issues can be versatile. They can occur because of using any old theme or free theme that only gets updated occasionally. When WordPress core update and your free themes irregular update do not synchronize, then images not showing up on mobile type error occurs.
As a solution, you can change your current theme to WordPress’s default one. As it gets regular updates, by switching to this theme, you will be able to determine whether the issue is theme-related or not.
3. Not Using Image Optimization
Uploading optimized images is always effective in improving website performance. That’s why many WordPress users use image optimization plugins on their websites. But without proper knowledge, if you use these types of plugins, then it could convert your images into a format not recognized by your theme or incompatible with it.
You could have a problem with a “Lazy Loading” plugin too. However, WordPress now has .webp format support.
These common issues may cause images not to show on any mobile device. So if you are facing these problems, go through the list and make sure everything is up to date.
FAQ(s)
How do I fix WordPress mobile view?
- Select the column you want to customize.
- On the left side, panel click on the Advanced tab.
- Find the responsive dropdown to find the options to enable/disable the visibility of the column or element on that size.
- Customize your option.
- Hit the Save Changes.
How do I optimize images for WordPress mobile?
You need to compress your images before uploading. You will find many compression tools that don’t compromise the quality of the images. There are a lot of plugins and tools dedicated entirely to image compression.
How do I turn on mobile view in WordPress?
You need to log in to your WordPress dashboard. From there go to the Appearance » Customize screen. At the bottom of the screen, click the mobile icon. You’ll then see a preview of your site’s appearance on mobile devices.
Why are images loading slowly?
If you have a lot of unoptimized images on your website then it can cause the issue of slow loading.
High-resolution images can consume lots of bandwidth while loading. Uploading larger-sized images and then scaling them down can unnecessarily increase the size of your web page.
Final Word
Hopefully, these tactics will help you solve the question of why WordPress images not showing on mobile. WordPress is an open source vast community. It allows different kinds of contributions from creative and talented developers who are constantly looking to improve WordPress for their users.
But as many plugins and coding are involved here, the overall process gets complex. So sometimes, lack of knowledge on the users’ end can be the main issue. Finally, it’s clear that with the help of the community, overcoming these problems is certainly possible.
Great post. I was checking constantly this blog and I’m impressed! Extremely useful info particularly the last part I care for such info a lot. I was seeking this certain info for a long time. Thank you and best of luck.
An fascinating discussion will most likely be worth comment. I do think you ought to write regarding this subject, it may often be a taboo topic but
I dugg some of you post as I cogitated they were very beneficial very useful
I am not sure where you’re getting your info, but great topic. I needs to spend some time learning much more or understanding more. Thanks for fantastic information I was looking for this info for my mission.
I think this is a real great blog. Will read on…
Outstanding short which post helped me alot. Give you thanks We seeking your own details?–.
Great, thanks for sharing this blog post.Really looking forward to read more. Keep writing.
Thanks for sharing, this is a fantastic blog.Really looking forward to read more. Awesome.
Interesting read , I am going to spend more time learning about this subject
I truly appreciate this article post. I was suffering this issue for long. Thanks Again. Much obliged.
I am so grateful for your blog article. Really thank you! Fantastic.
Just a smiling visitant here to share the love (:, btw great layout.
Very good article post. Much thanks again. Great.
Say, you got a nice article. Fantastic.
Thanks-a-mundo for the article post. Keep writing.
Really appreciate you sharing this post. Cool.
Really appreciate you sharing this blog.Really thank you! Much obliged.
Awesome article. Much thanks again. Keep writing.
I conceive this site has some rattling excellent information for everyone : D.
Im obliged for the blog article.Much thanks again. Really Cool.
I appreciate you sharing this article.Much thanks again. Awesome.
I cannot thank you enough for the article.Really looking forward to read more. Awesome.
Im obliged for the article. Keep writing.
I think this is a real great blog post.Really thank you!
You can even get to know yourself better, courtesy of the local handwriting analysts
I really like and appreciate your article.Thanks Again. Awesome.
Very good article post.Thanks Again. Great.
Thankyou for this post, I am a big fan of this website would like to proceed updated.