Elementor images not showing on mobile I've tried resizing the images within the posts widget, large - thumbnail Is the Elementor website showing a horizontal scrollbar and your content is moving sideways on mobile? Learn how to fix it in this document. But after got some plu… Background image not showing in mobile view neither showing background scrolling Dec 12, 2021 · hi, I want to show my client the website I built with elementor and local. color and location are not applied on tablet and mobile. The widget allows you to display an image alongside text. For example, you can hide an element on your page if it is being viewed on a mobile device. I've used Elementor before and have never had a problem like this. Sep 27, 2024 · When you apply a gradient background overlay (which is quite common in my eyes) the adjustements e. Aug 13, 2025 · By allowing you to customize each breakpoint individually, Elementor helps you address responsive design issues. I've been using Elementor for a day, making some box instead of a custom field. This can be frustrating, especially if you’re not sure why it’s happening. Subscribed 1K 96K views 3 years ago Get Elementor Pro Today (Comes with Elementor Support)! Elementor Pro: https://be. 2. One of the most common questions we see from users is why their images are not showing up in posts made with Elementor. Adjusted the product gallery layout – I tried different layouts, such as “Thumbnails left” and “Thumbnails bottom,” but the images still won’t appear on mobile. First, make sure that you have uploaded the image to the WordPress media library. You’ll find it at the bottom of the Elementor in Settings >>Responsive Mode: select the mobile view. Next, check to see if you have a Mobile Menu toggle element added to your page. To add more details I'm using the svg in a footer in an image widget set to 300x300px. This combination effectively showcases features, services, or any other content where you need visual and text content. Oct 14, 2020 · you used image in first slider so that it does not show properly in mobile, you need to set css for this for mobile view. Mar 4, 2024 · Learn everything about Horizontal scrollbar on mobile devices in this article from Elementor's Knowledge Base. There are a few possible reasons for this: 1. I made responsive sizes like desktop, tablet and mobile all different. How Do I Change The Menu On My Elementor Mobile? There is no one-size-fits-all answer to this question, as the method for change the menu on an Elementor mobile will vary depending on the theme you are using. Whether you’re a developer, designer, marketer, or business owner, Elementor empowers you to create stunning, high-performing websites. Selecting the appropriate image resolution for the specific area where the image will be displayed can prevent blurriness and pixelation. Another key way to eliminate blurry images in Elementor is configuring your image block with proper sizing. Jul 30, 2024 · Learn everything about Explore the Image Optimizer Settings in this article from Elementor's Knowledge Base. Using Elemnentor Pro, AFC pro, and WPML for translation (all updated). In Elementor it's showing 5 dots (so knows there are 5 images) but it's only actually displaying the first 2 images. You can customize the size, alignment, and spacing of the image and the text. There are a few different ways to fix this problem, depending on the cause. If I amend the structure and put them in the outer section it works fine. Issue Description: The product images display perfectly on desktop, but when I switch to mobile or tablet view, the images disappear completely. First, make sure that you have a menu assigned to the Mobile Menu location in your WordPress menus settings. I think the cover image is repeating. If 3D Depth is used, portions of the flip box may show through the Nav Menu dropdown. Mar 28, 2023 · Mobile Image not appearing correctly Resolved mjaitly123 (@mjaitly123) 2 years, 7 months ago I am using elementor. This only happens on the homepage. However, one of the most common complaints about Elementor is that the image carousel is not working properly. #elementor #image #free #technology #w If a image is not displaying in your website when viewed in browser but display normally in the Elementor editor, There could be several reason. Apr 9, 2024 · Here are a few potential reasons why the images may appear different in size: Image Scaling: Even if the images have the same pixel dimensions, they may appear different in size due to the way they are scaled within the page layout. See full list on themewaves. It could be a Dec 10, 2024 · Elementor is a powerful tool for building stunning websites, but like any software, it can come with its share of quirks. Keep reading to learn about the image problem in depth and the ways to fix it Mar 18, 2024 · to be honest , i am working with website. Why Do Elementor Responsive Design Issues Happen? Despite looking great on desktops, your site does not adjust well on mobile devices. Nov 22, 2019 · I'm using Elementor Pro, both Elementor and WP are fully updated. Plus, I'll give you some tips on how to make sure your background looks professional and beautiful. Checked different sources to find the problem, but to no avail. I don't know what is the culprit, Elementor, AFC, or WPML. To find out why your WordPress images not showing on mobile you have to read Feb 27, 2023 · Elementor is a popular WordPress plugin that allows users to create custom posts and pages using a drag-and-drop interface. Description When Image box's ima Open elementor editor > go to mobile view > background settings > add the image you want to be displayed > adjust its position / layout as per your preference > save it. Sep 7, 2021 · 6 There's a bug in Elementor: check "Hide On Mobile" and just uncheck it - class will disapper Dec 16, 2022 · Elementor’s image fill column widget is a great way to fill empty space in your layout with images. So I'm building this concept site https://hype. Get Elementor tips & more. Learn more about image hotspots and how to deploy them. Hi, I would need some support please. Jan 10, 2023 · If you are not sure how to do either of these things, you can contact Elementor support for help. I’m using Elementor to edit my product pages and a custom theme woodmart theme. I've cleared my cache. Fixed background attachment works fine on desktop, doesn't on pad and mobile. There are 5 images in my gallery. Jul 8, 2024 · ⛔ 🧩 Elementor Loop grid images do not load in correctly after the first image when a taxonomy filter is selected #27990 Closed as not planned najaficompute opened on Jul 8, 2024 · edited by nicholaszein Dec 16, 2022 · Elementor’s image fill column widget is a great way to fill empty space in your layout with images. But on the live site they are not showing up. Find everything you need to know about Product here. Jun 5, 2025 · Learn everything about WooCommerce Single: Product Images in this article from Elementor's Knowledge Base. Learn the cause of the wrong image path and how to quickly solve it in WordPress. So Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. Dec 16, 2022 · One of the great things about Elementor is that it allows you to hide elements on your page depending on the device your visitors are using. Jun 15, 2025 · The Safari browser is partially incompatible with the 3D Depth effect on mobile. One of them is the Elementor image Carousel not working. com/visit/?bta=4more Feb 10, 2024 · I ask because a default install of theme, no starter theme or Elementor being used, and using; Customizer -> Hero Area -> Hero Type -> Front Page Header Type: image, will display the Hero image within Customizer at full width. For some reason though, the hero image in the header is now gone. elementor. Whilst still in Customizer change the display to laptop or mobile and the Hero image disappears. Here’s why and 5 solutions to make it work again. However, many creators would like to fine tune these designs using the Editor’s responsive design controls. It is not possible to use the 3D Flip Box widget and the Nav Menu widget with IOS due to issues with Safari being unable to support this option. Feb 20, 2024 · Learn everything about Missing elements on live site in this article from Elementor's Knowledge Base. Hopefully someone can offe… The Elementor page builder has a lot of different settings for mobile. Mar 27, 2023 · In this article, we will explore the reasons why Elementor changes not showing and provide solutions to fix them. Feb 15, 2024 · If you're having problems using Elementor WordPress Page Builder, read this guide to quickly help you solve any issue. They even show up fine when you do mobile responsive mode. Do you have an idea of what could be done for this ? Jul 24, 2021 · When a logo or other images are not visible on mobile devices, this means those images have been loaded using the http:// URL protocol, instead of the https:// Dec 28, 2023 · Resolve Elementor Image Carousel issues with our troubleshooting guide. Search for jobs related to Elementor images not showing on mobile or hire on the world's largest freelancing marketplace with 24m+ jobs. You can adjust for different devices, if you don’t need this for all of them! Just click the little monitor icon. Can't figure it out. It will also be no surprise to find people who have no idea where to begin when building a webpage. Here are the steps to troubleshoot the problem. However, there could be some plugins that cause conflict and can prevent the changes you're making through Elementor not to show up. Use this subreddit to ask questions, show off your Elementor creations, and meet other Elementor enthusiasts. Follow these steps to troubleshoot and get your slider working as expected. Works great on mobile, and works for desktop as well if you need it there too! Facebook apps uses this, Uber Eats, YouTube, why not you? Elementor tabs mobile scrollable title! Here is what we will create. Feb 5, 2024 · Elementor widget Loop Carousel images & Sliders on mobile not work properly Resolved ylyas (@ylyas) 1 year, 9 months ago Hi I’ve installed Litespeed Cache and currently running on a Hostinger. In this wordpress tutorial for beginners you will learn how to fix images are not loading properly or showing in elementor / elementor pro website page builder plugin. Jun 26, 2023 · If you're using Elementor and your header is not showing up, there could be several reasons why. Step-by-step help. 6K subscribers Subscribe Dec 11, 2022 · Elementor is a popular WordPress plugin that allows users to create beautiful pages and posts with drag and drop. Now, I do have 2 background imaged on the site: the first one is the background for the restaurant's name, the second is a background for the opening hours. Jan 1, 2024 · Are you having trouble with Elementor custom upload SVG not showing? It can be frustrating when you spend time creating a custom SVG only for it to not show up on your website. Taking long time in Elementor to get some reply so I will try here I have a big problem with gallery widgets not showing any pictures. Mar 7, 2024 · The Image Carousel widget allows users to display images in a carousel format. Jan 10, 2023 · Elementor is a popular WordPress plugin that allows users to easily create beautiful pages and posts with drag and drop. . Tried to insert in the Jun 23, 2024 · The Elementor Lightbox opens images, galleries, carousels, and videos in a 100% mobile responsive lightbox popup window Feb 20, 2024 · Learn everything about Missing elements on live site in this article from Elementor's Knowledge Base. Please see the page on both desktop/laptop and mobile. Jul 31, 2024 · Learn everything about Image Optimizer FAQ in this article from Elementor's Knowledge Base. I have troubleshooted my issue, and it still exists against the latest stable version of Elementor. The size of text, images, or buttons appears too large or too small on smaller screens. Elementor is a drag-and-drop builder that makes it easy to create a WordPress page. Nov 13, 2025 · Fix missing images in Elementor on mobile. This is Mar 2, 2022 · Make the Elementor background-attachement setting work, even for Mobile devices such as iPhones. The background images are not showing up on the mobile version of my site. Mar 4, 2021 · Image hotspots provide an aesthetically pleasing way to offer your users interactive content. Sep 30, 2021 · If you are using a page builder like Elementor in the edit page check that you have uploaded an image for mobile responsive. g. Actually, because background-attachement:fixed is blocked at the browser level on mobile, we need to use an alternative technique, that will give the exact same result. and i managed to do a lot by myself just with the structure with elementor and starter template. I created a static page website for a local restaurant with Elementor, I worked on it locally with Flywheel. This subreddit is not run by or affiliated with Elementor. The following CSS at the section level fixes the issue: selector { background-attachment: fixed; } Dec 16, 2022 · If you’re having trouble getting your menu to show up on mobile in Elementor, there are a few things you can try. Fortunately, there are several steps you can take to troubleshoot and fix this issue. There are a few possible reasons why images are not displaying in Elementor. In this article, we will show you how to hide elements in mobile with Elementor. Jan 20, 2021 · I have an image gallery field in my custom post type (Project). danielhalabi. That means, the only way to modifye the gradient is by going back to Desktop and apply the change to all breakpoints. You have to completely replace the image. The carousel can be customized regarding position, navigation controls, auto-play settings, and more. Jun 6, 2024 · I am working in elementor and I grabbed a featured image widget into the container but the image is not showing, kindly assist me. Learn how to add or change background images in Elementor for your WordPress website with simple steps to enhance your page design. Sep 13, 2023 · Updates do not appear on mobile just desktop marcovee (@marcovee) 2 years, 2 months ago Hi – I am having difficulty updating on mobile. Changes look right in elementor, but on the actual mobi… Featured Image Visible on Elementor (backend) but No Display in frontend Resolved sifuwebsite (@sifuwebsite) 3 years ago Hi support, Previously the shortcode is working fine. Note that on an actual mobile, that thick scroll bar won't show up. Jun 5, 2025 · Struggling with Elementor popup not working? Use this troubleshooting guide to fix triggers, mobile issues, plugin conflicts & more. Simply add the widget to your layout, select your image, and choose how many columns you’d like it to fill. Inspecting the preview and published versions, the preview element width is 1140px but the published element width is a massive Sep 9, 2022 · Wrong image path for thumbnails Resolved tm86 (@tm86) 3 years, 2 months ago Hello Elementor Team, I am facing an issue when adding thumbnail images to my blog. FIXED: The problem was with the theme "Hello by Elementor". Elementor Images Not Showing - Click here for more information. However, one common issue that users may encounter is that images are not displaying in the editor. If you remove the animation it still does NOT show on mobile. Put in 2, it scrolls 1 on mobile. … A non-technical fix for anyone struggling to get section background image to display on Elementor + Wordpress responsive mobile site. Please help me figure this out - so frustrating - I'm just adding a background image to a section, and it shows in Elementor Pro when building but doesn't show in preview or publish. In mobile, slides to scroll defaults to 1, regardless of the value in the dashboard. Oct 8, 2022 · Learn how to fix Elementor self-hosted video not working, video widget not working on mobile, and background video sound not working here. Sep 24, 2020 · Like the title says. I use to be able to change it through "featured image" in Wordpress but now it doesn't react to that and it is only showing the title's text. Aug 17, 2025 · Learn everything about Live site does not show changes in this article from Elementor's Knowledge Base. Sep 2, 2025 · Learn everything about Container FAQ and Troubleshooting in this article from Elementor's Knowledge Base. Search for jobs related to Elementor images not showing on mobile or hire on the world's largest freelancing marketplace with 23m+ jobs. Mar 6, 2023 · If your elementor background image is not showing, there are a few potential causes. When editing in Elementor, it appears as it should. I also doesn't show up in the front end. Mar 10, 2024 · Prerequisites I have searched for similar issues in open and closed tickets and cannot find a duplicate. View attached image. Feb 7, 2021 · Description I create a media carousel with linked images (with Elementor) on my site and use it as a template in the branding area. Sometimes WordPress doesn’t display correctly on mobile despite working fine on desktop. lastly i made a design which is showing in pc and tablet but not showing in mobile size. At some point, the widgets were working but now it is totally impossible to get them to show anything. Jan 14, 2019 · Elementor v2. May 27, 2025 · Learn how to hide featured image in WordPress by using multiple methods, like with theme settings, CSS code, or a special WordPress plugin. This could be due to the section containing the images having no content, causing it to appear blank on the front end. However, when the site is viewed, the page is stretched with each slide/image showing large gaps between each of them. A potential solution to this issue is to add a spacer widget inside the section where the images are located. On desktop, everything works fine, but on mobile all I see is a grey box where the featured image should be. In mobile view he can’t see any images, text is shown. Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. If not, you can add one by dragging the Mobile Menu element from the left panel onto your I have created an Elementor loop item and have used it as a carousel on a page I have created. Open elementor editor > go to mobile view > background settings > add the image you want to be displayed > adjust its position / layout as per your preference > save it. One common area where users often face difficulties is with the gallery feature. Image 1: The desktop version is working well. They show up fine on desktop. com - and I'm making a design with a sneaker in the middle and text in the background, pretty simple. The image is not uploaded to the WordPress media library. Tried this on several different images, new sections, etc and I am able to reproduce it. I'm using Astra theme. On laptop/desktop, you will… Nov 9, 2023 · Sometime web version images not showing in the mobile version. The next 3 are blank. The Problem: the images are not displayed in the media carousel! I did the following steps: Step 1: I created a widget (media carousel) with linked images with the help of Elementor. Hello, Premade web design for my client, so created each section for desk, tab, and mobile with the same content because the whole design is different for each device. Additionally, there are options to add overlays, hover : elementor. Whether you're wrestling with post-update chaos, mobile view monstrosities, or that stubborn button that refuses to center, I've got your back with solutions that actually work. We advise modifying the content for mobile in this case with the “hide section Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. Background images not showing on Mobile (Elementor / Astra Theme/ Flywheel Local) Hi, I would need some support please. Aug 17, 2023 · Learn everything about Why Is my widget grayed out? in this article from Elementor's Knowledge Base. The only inconvenience is that we are using the Background Overlay tab to add our background image, instead of Background tab. Mar 7, 2018 · When adding an image carousel to a page, you can select the amount of slides to show and slides to scroll. Mar 4, 2024 · Learn everything about Images missing in template library in this article from Elementor's Knowledge Base. One way to fix the problem is to disable all the other plugins that you are using on your site Oct 6, 2019 · Hello, I'm currently having an issue on my WooCommerce/X Theme website, where items on the cart page do not display properly on mobile view. Jan 27, 2020 · In the Elementor section height settings instead of using Fit to Screen use Min height and set it to 100VH as shown in the screenshot below, if you follow this it should solve the problem you are having with creating a fit to a screen section on mobile. Apr 5, 2024 · Here are some additional tips for troubleshooting issues with Elementor widgets not displaying correctly on your WordPress website. If not, you can add one by dragging the Mobile Menu element from the left panel onto your Feb 7, 2020 · Here’s what’s happening: I created a single post template using Elementor Pro and set the top section to display the post’s featured image (set as dynamic background for section). One possibility is that the header is set to display on Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. On Chrome, everything looks good on different devices (tablets, mobiles), it looks good even Elementor - 3 Big Responsive Image Tips and How to Swap Images with CSS Imran Siddiq - Web Squadron 149K subscribers Subscribe Jul 1, 2025 · Learn everything about Image element in this article from Elementor's Knowledge Base. It's free to sign up and bid on jobs. Learn how to easily adjust the Elementor mobile settings. Learn how to fix issue of background image not showing when editing WordPress websites using Elementor website builder. The slides to show allows responsive options, the slides to scroll does not. Sep 25, 2024 · Learn everything about Optimized Image Loading in this article from Elementor's Knowledge Base. This can be related to: File or Data Files issues Cache and optimization issues Issue with Elementor features 3rd party plugin conflicts Incorrect server/WP Configuration Unclosed HTML tags, CSS or custom code The Element Caching experimental feature Test the solutions below to pinpoint the issue. Put in 5, it scrolls 1 on mobile. Quick google search says that there may be a jetpack conflict, but my jetpack settings that were referred to weren't on. I changed it to Twenty Twenty One, which is working great. In Elementor I have added a slideshow widget and set the dynamic to pick up the toolset field. Featured Image Visible on Elementor (backend) but No Display in frontend Resolved sifuwebsite (@sifuwebsite) 3 years ago Hi support, Previously the shortcode is working fine. Mar 19, 2024 · Learn everything about Featured Image widget in this article from Elementor's Knowledge Base. Elementor may apply CSS rules or other styling that affects how the images are displayed. The image is uploaded to the WordPress media Nov 5, 2024 · The product images in my WooCommerce Product Gallery are not showing up on mobile devices and tablets. Even though desktop and mobile are fine but the tab is entirely different. Feb 26, 2024 · It seems that the images are hidden on the front end of your website but visible in Elementor. Elementor is the leading website builder platform for professionals and business owners on WordPress. May 26, 2025 · By default, Elementor Editor creates three versions of your site: one for PCs, one for tablets, and one for mobiles. You can add multiple images to the widget, and these images will slide horizontally based on the settings. Nov 5, 2021 · Since today, Elementor does not show the slider section, carrousel section and certain images when editing. Images play a vital role in web design, so you will most likely use the Image Widget for design. A screenshot from Elementor - This is how I wanted the mobile version I'm wanting to put a posts navigation section on one of my pages. Learn step-by-step solutions for troubleshooting 'Elementor Image Carousel Not Working'. i dont know whats the issue help me From my side i think this is a vh issue of the theme i am Welcome to the unofficial Elementor subreddit, the number one place on Reddit to discuss Elementor the live page builder for WordPress. You might find your galleries not displaying properly, images loading slowly, or even some elements disappearing altogether. Sep 7, 2021 · 6 There's a bug in Elementor: check "Hide On Mobile" and just uncheck it - class will disapper Nov 4, 2025 · Issue Changes that you made in Elementor Editor do not appear on your website. . 4 introduces features that focus on improving your user experience: mobile control over background images, custom background size and position, safe mode for troubleshooting and more. In this guide, we’ll explore the most prevalent Elementor gallery The images on a website I am helping with all the images within inner section columns will not show in Mobile mode (in responsive mode). Feb 27, 2023 · In this tutorial, I will show you how to add horizontal scroll to the Elementor Tabs titles. So in pages images are not Feb 27, 2024 · Learn how to identify and resolve common problems with Elementor’s feature image slider in WordPress for a seamless website-building experience. Apr 18, 2025 · These 11 troubleshooting tips come from years of rescuing client websites when Elementor decides to throw a digital tantrum. Apr 30, 2024 · Learn how to use the image widget. For some images Elementor is adding &… Aug 17, 2025 · Learn everything about Live site does not show changes in this article from Elementor's Knowledge Base. It seems to work fine but as soon as I click on any other widget to edit them it disappears. Dec 10, 2024 · Elementor is a powerful tool for building stunning websites, but like any software, it can come with its share of quirks. Tried to insert in the Jun 23, 2024 · The Elementor Lightbox opens images, galleries, carousels, and videos in a 100% mobile responsive lightbox popup window Jun 15, 2025 · The Image Box widget is a design element used to combine images with text creatively. When adding an image in Elementor, if it has an entrance animation the image disappears on mobile. The images/slider/carrousel does show on front-end, but not in Elementor when editing. com Nov 5, 2024 · Checked Elementor settings – I ensured that images are not set to be hidden on mobile under the Advanced settings in Responsive mode. Jun 24, 2024 · Show on devices: Set to Yes to choose to show on Desktop, Tablet, and/or Mobile devices Note: Popups cannot be displayed more than once if the page is not reloaded or re-entered. It shows up fine in the editor, but when viewed on site the featured images in the thumbnails are utterly gone. WordPress GIF Not Playing Issue Fixed: Check these 4 proven solutions for GIF not working issues on your site. Instead of images and product titles it just displays Quantity:xxx and Total:… Feb 4, 2023 · Elementor users sometimes face issues while using this plugin. You can choose the correct thumbnail size by selecting it from the image block settings. Jan 19, 2022 · Yet the other images for the same product don't appear as they should in a thumbnail version bellow the main image. Mar 29, 2021 · Using spacers to add height to your images on mobile In this video, you'll learn how to fix a background image in Elementor making it parallax. How to Swap Images on Mobile Using Elementor Pro (Beginners Tutorial) Wicky Design 17. drx gbyyxml wpvsl jvp qifzpm stia tlannfd noahp xhakrz pmdaeu rcqlo tmcprjg qhmhsf olawp snglphdg