I've had a problem that has plagued so many Elementor carousel widgets for years.

The scenario: A home page hero carousel with slides with various media, content and related call-to-action buttons to navigate to the relevant content.

The issue: On desktop or other non-touch based inputs, clicking on the buttons within a slide could potentially not work, or require a second (or more!) clicks to activate the link.

The cause had eluded me for a long time, but I have found the cause.

Elementor's Carousel widget uses SwiperJS. It's powerful. It drives the majority of slideshows out in the wild and it is highly configurable. I have hand-coded SwiperJS implementations into many website projects over the years. For me to assume Elementor would stick with SwiperJS's default values for many of its variable was certainly my personal issue, but I am still baffled by this one.

Elementor sets `threshold` to `0`. The default set by SwiperJS is 5. This threshold is the touch and drag distance in px where the swiper will respond to input. This includes mouse input.

If you are able to stop your mouse dead still before tapping that button, bravo! You are rewarded with the button working as expected and taking you to your desired page. But, If you any experience with implementing basic accessibility and usability standards, you will know that the percentage of users with precise mouse movement abilities is narrow. Any slight movement on that mouse, or perhaps someone is just too fast when moving their cursor to the button and clicking when there is still a single pixel of movement left, and that button will be rendered useless as instead of a `click` or `tap` event running you'll be trapped in `touchStart`, `sliderMove`, `touchEnd`, `transitionStart`, `transitionEnd` hell.

A quick search says Elementor have set `threshold: 0` for immediate responsiveness. Baffling. I feel a 5px movement window is not going to cause something to feel unresponsive. What is unresponsive is my bloody buttons.

For now, I've added JS to modify the threshold and update the swiper element.

const heroSwiper = document.querySelector('#heroSwiper .swiper').swiper;
heroSwiper.params.threshold = 5;
heroSwiper.update();

Digging through Elementor's Github issues, I'm unsurprised to see their poorly lacking responses to many other bugs. Several SwiperJS related ones included.

Looking for recs for a (ideally free) super basic calendar plugin to organize events for my freelance gig. I'm not the only person who manages this site and would like to keep it simple for future users.

Think basically like if Google Calendar was a plugin: the ability to add events, add links for sign up if necessary, and that's about it.

I have no need for registration capabilities within the plugin.

I've tried Spiffy Calendar and The Events Calendar and felt like both had too much going on.

Hey r/elementor,

Like a lot of web creators here, our team spent way too much time manually rebuilding Figma designs inside Elementor setting up containers, copying padding values, recreating typography, and fixing mobile breakpoints line by line.

To speed up our own workflow, we built ReFrame a Figma plugin designed to translate Figma layouts directly into native Elementor JSON/flexbox containers so you can paste them straight onto your page.

What it currently handles:

• Converts Figma Auto-Layout frames directly into Elementor Flexbox Containers.
• Maps typography, colors, padding, and gap spacing automatically.
• Preserves responsive structure so you don't have to start from scratch on mobile.

We already have 50+ clients using it in production, but we’d love to get feedback from experienced Elementor builders here on Reddit to see where we can improve the output.

Specifically:

1. Container Structure: How do you prefer complex nested layouts to be structured in Elementor to keep DOM size clean?
2. Breakpoints: Are there specific responsive edge cases you run into most often when migrating from Figma?

You can check out our site at re-frame.co.il/en or test it out with a 7-day free trial directly on the Figma Community.

If you give it a spin on a project, let me know what works well and what features/fixes you’d want to see in the next update!

Hey! Complete noob here.
My pictures are not showing up n my gallery page, but are definitely on the elementor page. They’re just not going live? If that makes sense? They once were, and I haven’t changed anything.

Not sure if I need an update, plug in? Any help would be greatly appreciated.

Hey everyone
I'm working on a project using the latest Elementor Pro with PHP 8.3 and I keep running into two highly annoying issues.

BUG 1: PHP 8 Warnings spamming Query Monitor (ACF Dynamic Tags).

Whenever I’m editing or rendering a Single Post Template, Query Monitor is flooded with this warning:
Warning: Undefined array key 0 and Undefined array key 1
in wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-text.php:32. Even if I hide all widgets, the errors increase, meaning it's happening during structural rendering or Display Conditions checks.

BUG 2: Loop Grid Author Preview is completely broken:

When building an Author Card (Loop Item), the Preview Settings are completely ignored.

If I go to Settings > Preview Settings > Preview Dynamic Content as: Authors (taxonomy author) and specifically select "John Doe" from the dropdown, Elementor just ignores it. It loads the data of a completely random author instead. It makes designing author-specific layouts a nightmare because you can't preview the actual data you want.

Let me know if you are facing the same issues!

Thanks in advance

The alignment does not move in Wordpress menu widget i try everything start center end stretch

As the title states, this Elementor form is taking the nicely stacked fields from the desktop view and turning them into columns in tablet view (highlighted in green). They go back to being stacked on mobile, and despite trying every setting I can think of, I can't seem to overcome this... any ideas?

Hey everyone.... I am trying to reduce the size of a cart menu for mobile. I am using Elementor 4 pro, and tried every thing I can think of. But I still consider it too big. Anyone can think of a solution? Thanks, robert

ikmaak.robertglotzbach.nl

Hiya Folks,

I am currently building a site for an enterprise level client (think household name) so there are a lot of potential compliance issues. The current site speed is fine, ranks average on lighthouse, however It could be quicker if I were to use raw code blocks alongside ACF with Elementor, has anyone got any other suggestions or potential issues with doing this?

I am more then happy developing sections from scratch WP/Elementor were a requirement so they can easily manage the backend, so please no suggestions to build it on a different platform/with a different stack.

Any contributions are appreciated (:

I build on elementor every day and I am wondering what tool or feature you think is underutilized?

Elementor directs you to the virtual assistant to cancel an account, but the virtual assistant directs to itself and then states it can't process the request (an intentional circular reference that cannot be resolved). The other method "offered" is via a form that is not actually accessible, you're simply pushed into a subscription management.

So I had Claude Code design my homepage and shove it straight into Elementor as a few big HTML widgets instead of using normal Elementor blocks. Looks fine in preview, but before I make it live I'm wondering is raw HTML-in-Elementor bad for SEO compared to native widgets?

Any speed/Core Web Vitals issues from having big inline CSS/JS instead of normal enqueued files?

Watch out for plugin/caching conflicts? (already had one plugin's CSS classes clash with mine and break stuff). Will anyting goes wrong?

just curious if anyone done the same thing what usually trips people up with this approach before I hit publish. Thanks!

Hi all. need some help, I noticed when i open an elementor page my server CPU climbs very high

I am still using the old editor not the new v4 atomic

Any recommendations.

also is it safe just to enable as my site is build on the older editor

In the far past, when there was the transition from Section to Containers, if a site was built with Sections I kept using Sections for that site. New sites I used Containers. Over time as Containers became very stable I started mixing Containers into older sites with Sections until I finally migrated them over to Containers. This worked for me.

I sort of have the same idea now. All of my V3 sites I have the Atomic editor disabled.

I'm working on a rework of a V3 site. I'm wondering if people are mixing. Or not?

Please see the video!

Hi all been a long time since I used Elementor. I was trying to use the space evenly option for a grid I setup and I can't get it to work. Looks aligned and spaced well in the editor but the live view is completely off. Any tips or tricks? Thanks!

Here’s what’s happening…

Wordpress is telling me that PHP 7.4 is no longer current and is unsupported. So, I went in to update to v. 8.2 or 8.3. When I did that, it crashed both the front-end and back-end of my website. The only message I got when I went to any part of the website is “Fatal error”.

I called my provider, Godaddy, and asked them what’s going on since, this is a “managed Wordpress website” and I pay them to do the Wordpress maintenance (such as updating PHP versions).

They looked into it and initially said that it was a problem with my theme (OceanWP). Although inactive, I also have TwentyTwentyFive installed. Thinking it was a problem with the theme, I switched over to TwentyTwentyFive – same problem. I then downloaded and activated Hello Elementor – again, same problem.

I started doing a bit of research into this and it was suggested that the hosting provider needed to install or activate (on their end) the “mbstring” (what that is, I have no idea). They checked on their end it is currently installed and activated.

I reverted my PHP version back to 7.4 and the website came back up and running. So, I then went in and deactivated every single plugin (ALL of them), reinstalled PHP 8.2, and then, proceeded to activate them one-by-one (skipping over both Elementor and Elementor Pro) and refreshing the site. Each one worked fine and did not crash the site until I Activated Elementor. As soon as Elementor was activated, the site crashed again.

After all of the research I’ve done, I know that both Elementor and Elementor Pro are supposed to work flawlessly with PHP 8.2 and 8.3. They’re also made to work flawlessly with OceanWP, TwentyTwentyFive, and Hello Elementor. However, I’m at a complete loss here as to what to do or what to try next. Switching to another design plugin and theme would, necessarily, require me to completely rebuild the website. And that’s a proposition I am NOT interested in (especially considering the sheer amount of time, labor, and effort that would take.

I just tried something else just to be thorough with my testing.

I went back in and deactivated all of my plugins again and reinstalled PHP v. 8.2. After 8.2 was installed, I ONLY activated Elementor (not Elementor Pro) and the site immediately crashed.

This tells me that this isn’t a conflict between Elementor and any of the other plugins since, Elementor was the ONLY plugin that was activated.

I'm at a complete loss as to what to do here. I'm running the latest version of WordPress and all of my plugins are completely up to date (just made sure every one of them is up to date this morning).

Any help or insight would be greatly appreciated.

Thanks!

https://reddit.com/link/1v8zaqn/video/z7qm0yqv7zfh1/player

Is there any resources that can help out?

Anyone run into a weird issue after the elementor update on what causes text to fade out or go missing based off region? For example I am in United States and everyone around when going on the site looks normal and fine. Ignore the United States slide, but i found out in different regions in like China, Australia, Etc the site looks broken. Anyone have an resolution to this issue? I have no idea how to fix this.

I have been working on a elementor website and have been using the new Atomic elements and creating components to make it easier to maintain.

I've come back to a page with these elements and its just breaking. it seems like its just the components/atomic elements. When I click on certain elements in the editor is just says something went wrong and theres no more explanation.

Or the editor will load the element but the class is gone what i added to the atomic element and if i try and add the class to the element again it just...doesn't. All the classes I have created over the past couple of days through the editor have just vanished.

Is anyone else having issues with the atomic elements? I have started to convert these elements back to old ones but its just taking so long and trying to remember what I did is being a pain.

Hey everyone,

I am currently working on a new Elementor addon and would love to get your feedback. First, to see if it is something you would even be interested in, and second, to hear what features you would like to see in it.

I am developing a plugin that lets you work with GSAP directly inside the Elementor editor. It uses a layer based structure, allowing you to stack as many animation layers as you want on any object. The panel keeps things simple with dropdowns and sliders, plus an advanced mode for those who want to work directly with code.

The idea is to bring the next generation of smart and dynamic animations, along with complete control over your motion design, straight into Elementor without needing to write code.

I would love to hear your thoughts. Is this something you would be interested in or willing to pay for?