elementor / elementor Public

Code Issues 2.4k Pull requests 113 Discussions Actions

New issue Jump to bottom

Drag and Drop elements in touch screens (Editing on mobile

device)
#482
Open grrog opened this issue
on Sep 1, 2016
· 69 comments

Labels request/enhancement type/responsive type/ui/ux

grrog
commented
on Sep 1, 2016

Hello,

I tried to edit some pages on the go on my mobile (Opera mobile browser, last version) and I beleive
Elementor don't recognise the "touch" action.

Is there a plan to make Elementor editing compatible with mobile devices ?

Elementor is a very great live page builder! Congrats to all the team behind this plugin!

👍6

arielk
added this to the 0.8.0 milestone
on Sep 4, 2016

arielk
added
the type/responsive label
on Sep 4, 2016

arielk
changed the title
Editing on mobile device
Drag and Drop elements in touch screens (Editing on
mobile device)
on Jan 23, 2017

arielk
removed this from the 0.8.0 milestone
on Feb 20, 2017

KingYes
mentioned this issue
on Jul 13, 2017
 Feature request: Drag n' drop in mobile editing
#1235

Closed

arielk
mentioned this issue
on Sep 8, 2017

[Feature Request] Move sections in the mobile preview

#2303
Closed

arielk
added
the type/ui/ux label
on Sep 8, 2017

vsimon51
commented
on Nov 13, 2017

+1. I agree.Makes a bit of a nonsense of the WYSIWYG nature of Elementor to have to switch to a view you
are not editing in order to move, duplicate, or save widgets.

bainternet
mentioned this issue
on May 15, 2018

Touch Screen Support - such as Surface Pro

#4457
Closed

2 tasks

jaffa2
commented
on May 15, 2018

Hi, thanks for linking, the status of this one looked unassigned, so I created a new one apologies.

Is there any chance of this happening?

Many thanks

arielk
mentioned this issue
on Aug 21, 2018

Enable functionality with ipads and tablets

#5264
Closed

LogoLogics2
commented
on Aug 27, 2018
I agree, I work on a touch screen 27 inch All in one and use the touch screen for nearly every action, even
while editing in Affinity Photo and Designer, and can fully work with my touch screen.

I was surprised to find that the Elementor edit mode does not recognize the touch moves, because apart
from that, Elementor has proven to be outstanding and up to date, maybe even, ahead of lots of new
techniques.

I hope this can be achieved at some point_

👍1

danielrehmann
commented
on Oct 12, 2018

I also think that it should be able to drag in sections and widgets via touch screen. It's very convenient to
change something with a mobile device quickly without having to have a pc around.

👍1

gracevillarino
commented
on Oct 24, 2018

Me and friend would like to be able drag and drop elements on a touch screen. Checked Divi theme and is
having the same problem on touchscreens.

2 votes

nvmom
commented
on Dec 26, 2018

I'd like to echo everyone's comments here. The web is moving to mobile, and it's very unfortunate that we
can't use Elementor on our mobile devices. Would love to see this changed!

👍1

cbrcongit
commented
on Jan 2, 2019
•
edited

Surely there's JS scripts useful to get stylus at least?

(Any links/suggestions?...as a simple addon plugin for touch device users?)

... I think I'm only missing "double-click" and "right click" (to use any drag&drop for blocks, (or click&drop for
mobile?) )
 No mouse warning

Kartik4211
commented
on Jan 2, 2019
•
edited

We all my friends feel disappointed as you remove your drag and drop features on mobile phones and now
we are not able to operate elementor on mobile . So we all requests to company that it again bring drag and
drop features on mobile too.

👍1

Kartik4211
commented
on Jan 2, 2019

We all will be thankful to company if we will able to use elementor on mobiles with touch screen

👍1

Kartik4211
commented
on Jan 17, 2019

We are waiting for when elementor recognise drag and drop options on mobile. So please company respond
to it as soon as possible.

👍1

shilo-ey
mentioned this issue
on Jan 24, 2019

Editing Elementor from a mobile (from dashboard)

#6865
Closed

mercury168
commented
on Feb 15, 2019

Yes i agree. This is badly needed. I have requested for this feature so many times already, and it seems
elementor is not interested to develop it. I think at the minimum, horizontal and vertical scroll bars for the
screens, and then a reaponsive single column vertical scroll left element tab.....for the meantime, at least,
while they are developing the code for it. Its such a hassle to not be able do basic stuff like to correct spelling
or grammar on the go thru mobile at the very least or to fix the site while you are on a crowded bus or train
where a laptop or tablet wont work.

danielrehmann
commented
on Feb 20, 2019

This issue is really important for me. I am actually thinking about ditching elementor Pro in the near future if
the support for mobile editing will not improve.

lucasbols
commented
on Mar 1, 2019

+1 on this!

killianconsulting
commented
on Mar 5, 2019

+1 for the win! I use Elementor on multiple sites but being able to make on the fly edits via mobile would
really put Elementor over the top. I'd pay for the ability. An app would be nice.

envyzweck
commented
on Mar 6, 2019

+1 on this!

shilo-ey
mentioned this issue
on Mar 13, 2019

[Feature Request] iPad support (phone/tablet)

#7439
Closed

maxie71
commented
on Mar 14, 2019

+1

1 similar comment

hotelpress
commented
on Mar 23, 2019

What about using chrome on a surafce pro? WIndows 10 home.

With or without the keyboard/trackapd attached?


SimonEvans482
commented
on Mar 25, 2019

+1 I'll add my name to this too. My laptop went 'bang' and now i'm doing everything on a touch-screen; touch-
scren support from elementor would be splendid. Any word from the developers on this?

26 hidden items
Load more…

hank3rd
commented
on Jul 21, 2019

I tried a USB mouse and the “right click” did not work.

rogiervwagtendonk
commented
on Jul 21, 2019

To be honest, it’s not really working well. Unable to ‘scroll’ down.

Accidentally moving objects all the time. Was able to edit a current

content ok.

Op za 20 jul. 2019 om 23:20 schreef hank3rd <[email protected]>

…

👍1

Dcfranklyn
commented
on Jul 22, 2019

@rogiervwagtendonk @hank3rd

I wanted to come back and list my experience for others with the same problem.

I picked up an IPad Pro yesterday and installed the IpadOS on it. After doing some testing with Elementor on
a clients website I found it’s very possible to do my work on mobile when needed.

I found attaching a bluetooth mouse allowed me to completely avoid the scrolling / accidental element
moving problem all together. (The mouse does have a learning curve & setup process but I got used to
this quickly)
Adding new elements required a short click and hold
Moving sections & columns are done as normal
 Moving elements required a click and hold on the pencil edit icon
Editing specs of a element, section, column are all done as normal
Only thing I didn’t figure out yet is turning an section into a template

The only issues I ran into and how I fixed them:

Problem 1: You’re unable to right click on the iPad, so right clicking elements to use the menu options such
as copy and paste styles wasn’t there.

Fix 1: I looked up elementor hotkeys and this solved the problem using my Bluetooth keyboard. (Only works
in safari from my testing. Hold option + cmd within elementor to see the hotkeys)

Problem 2: Both the delete key & right click to delete wasn’t working on the iPad for elementor either. This
was a problem when trying to delete a element that you have placed.

Fix 2: I couldn’t find a way to change the hotkey so I made a loop hole (not the best but it works).

I would create a new sections, drag the element I want to delete into the section, then delete the entire
section. This isn’t the best solution but considering I found an answer to all the other interface problems.. I
can deal with this when on the go.

In conclusion, during my testing period I found the IPad using IpadOS w/ a Bluetooth mouse & keyboard was
able to handle 95% of the elementor edit interface concerns that I first had. I hope this is hopeful to
someone. :D

👍2

rogiervwagtendonk
commented
on Jul 23, 2019

Thanks so much for sharing your experience. Much better then mine, will

test it out again with an bluetooth mouse this time.

Best Rogier

Op zo 21 jul. 2019 om 20:47 schreef Dcfranklyn <[email protected]>

…

mehran92
commented
on Jul 25, 2019

Hi guys, i just managed to get scrolling working with the new OS 13 Beta 3 update.

1. Install OS 13 Beta : go here to download, https://beta.apple.com/sp/betaprogram/ here is a video

instruction on how to install the new update https://www.youtube.com/watch?v=0AomDpTfZnw
 2. Setup wireless mouse : I am using a Logitech MX Master 2S (no dongle needed). Here is a video also on
how to connect your mouse https://www.youtube.com/watch?v=OTEDQEhglVA

3. Request desktop site: on Safari you have to click the aA beside the address bar, on Chrome you can get
it by hitting the setting icon on the right site of the browser.

Once that is done, you can scroll and use a mouse. Even though the scroll wheel works on other apps and
website, it won't work for some reason on elementor edit mode yet. So, you will have to hover over the
scrollbar and click and drag like you would on your computer (move the mouse all the way to the right side of
the screen). I hope this helps, it wont be as smooth as working on a PC, but at least you can work on it now :)

elementorbot
mentioned this issue
on Sep 11, 2019

Edit Pages and Posts on Mobile App

#9054
Closed

Nachdenker
commented
on Oct 28, 2019

@hotelpress Have you tried editing your site with an iPad AND a Pencil?

Could the Surface Pencil improve anything?

Can someone tell me, if you are able to edit content (Write and edit text) on an iPad?

If I were - at least - able to edit existing content with and iPad (and a Pencil) it would be great.

And for now enough, till an iPad App has been launched by Elementor.

@shilo-ey For #Elementor it would be the next Milestone, to enable Website-Creation & Editing on mobile
devices. I am sure you'll achieve this - together with us.

bmx269
commented
on Dec 20, 2019

Mobile / Tablet (touch) editing would be a great feature. Using a library like Modernizer to detect features,
and target around that would definitely help start that process.

Netvilox
commented
on Mar 11, 2020

GgghhhhhhuNetvilox Ijjjjvgcfsedcbj

Jenn0014
commented
on Apr 1, 2020
Agree with all. Editing with mobile touch screen is a must! Pretty please

pratham2105
commented
on May 8, 2020

Hello,

I tried to edit some pages on the go on my mobile (Opera mobile browser, last version) and I beleive
Elementor don't recognise the "touch" action.

Is there a plan to make Elementor editing compatible with mobile devices ?

Elementor is a very great live page builder! Congrats to all the team behind this plugin!

I used elementor in many different web browsers now I can say that you can use elementor in android phone
by using puffin browser. Simply use mouse option in puffin browser.

👍2

hank3rd
commented
on May 14, 2020

I just tried using the Apple Trackpad 2 with my iPad Pro and the scrolling with Elementor is much better and
allows for better editing. We are getting there!

rogiervwagtendonk
commented
on May 15, 2020

Ah yes great idea actually to use the trackpad. Also pretty portable. But

little strange to use it when your screen is touchscreen though.

Op wo 13 mei 2020 om 22:55 schreef hank3rd <[email protected]>

…

Dcfranklyn
commented
on May 15, 2020

Hello Everyone,

It's been almost a year since my last post and I thought I would give a update since the new mouse/trackpad
updates have been made to the Ipad.

So I'm going to edit my previous points as they apply today

I found attaching a bluetooth mouse allowed me to completely avoid the scrolling / accidental element
moving problem all together. (The mouse does have a learning curve & setup process but I got used to this
quickly)

The new curse, hover, and trackpad support has made the overall experience much better then before.
Everything is very smooth for the most part. It's still not 100% perfect but it's closer.

Using the trackpad this time. I had no issues scrolling at all. The full "desktop" page wasn't being shown
within the edit window. So I did have to zoom out a bit to correct that. (Side scrolling with a finger works
as well)

Adding new elements required a short click and hold

With the trackpad, a normal click and drag works now. Didn't need to click and hold

Moving sections & columns are done as normal

Still working well

Moving elements required a click and hold on the pencil edit icon

With the trackpad and the new hover support. I was able to drag and drop as I do on a desktop computer

You can now hover over the pencil and the copy option will reveal itself.

Editing specs of an element, section, column are all done as normal

No changes

Only thing I didn’t figure out yet is turning an section into a template

The hover options are now available. Along with right-click options (2 finger tap). So this is working now

You will need a mouse or Trackpad - Finger/touch still doesn't work

I'm not sure about the controls within WordPress backend, but within Elementor, everything seems to be
working great now. I use my Ipad as an on-to-go machine. I would say it's possible to make edits on a clients
website now.

naitsirhc007
commented
on Aug 9, 2020

I have a Samsung Galaxy Note 8 (and really with any Android) I think we can edit using elementor.

It's just for urgently changes, on the go!!

1. Download Puffin Browser.

2. Edit a web site using mobile view
3. Puffin Browser comes with a scroll mouse integrated and no need a external mouse, just you use your
fingers.

Note: you have to read and know how to use some gestures, to scroll, to pick, drag and drop, etc.

You have must use hold tap to right click, move elements with 2 fingers, you must try by yourself, and you can
do step by step...

I have a tutorial video, but I have really busy to complete the edition and upload to YouTube, I hope very soon
I can do that.

Cheers!

Hackerloko.

desis123
commented
on Aug 25, 2020

We badly need this feature...

arielk
added
the request/enhancement label
on Sep 27, 2020

swhn
commented
on Dec 4, 2020
•
edited

I have a Samsung Galaxy Note 8 (and really with any Android) I think we can edit using elementor.

It's just for urgently changes, on the go!!

1. Download Puffin Browser.

2. Edit a web site using mobile view
3. Puffin Browser comes with a scroll mouse integrated and no need a external mouse, just you use
your fingers.

Note: you have to read and know how to use some gestures, to scroll, to pick, drag and drop, etc.
 You have must use hold tap to right click, move elements with 2 fingers, you must try by yourself, and
you can do step by step...

I have a tutorial video, but I have really busy to complete the edition and upload to YouTube, I hope very
soon I can do that.

Cheers!

Hackerloko.

I can't load Edit Page with puffin browser even turned on safe mode. It's OK to load on other browser but can't
drag.

DorShahar
mentioned this issue
on Dec 24, 2020

Edit text on mobile devices

#9230
Closed

atar-axis
commented
on Dec 27, 2020
•
edited

4 years later. Paid a ton of money for features I absolutely never use and such a basic feature is still missing.
What a pitty :(

👍1

androidacybot
commented
on Jan 14

The editor seems to "work" on mobile, it's just extremely difficult to navigate because no effort has been
made to make the editor responsive - really a pity

Sure as heck not buying pro if free lacks even that basic thing

ConsultMePL
commented
on Feb 20

It's just amazing it's 2021 and still not working, and no one from Elementor doesn't give a shit.

For me, it's not a matter of touch (although it would be nice), but I have Samsung Galaxy Tab S7+ with
keyboard and touchpad. But neither with a touchpad nor with a proper bluetooth mouse, I can use drag &
drop. It's because Elementor doesn't enable drag & drop for mobile devices.
Yes, it somehow works in puffin browser, but only somehow - very laggy and impossible to use it on the
regular basis.

Has anyone found a browser for Android that would support drag and drop in Elementor using either
touchpad or bluetooth mouse?

grrog
commented
on Feb 20 Author

Yes, I started this discussion FIVE years ago and I'm disgusted that nothing has changed since, despite
Elementor's success.

It's really unfortunate, that poses a question to me.

And yet I switched to Elementor pro… Hello again the Elementor team!

sellmark
commented
on Apr 4

It does work perfectly on my iPad + Chrome, but cant perform touch drag actions on the Android device.

Anyone tried on iPhone?

5Diraptor
commented
on May 11

Same, can't edit on Android tablet. :focus pseudo-selector is recognised but I'm guessing that's because it's
the same pseudo selector for touch and non touch.

henryperkins
commented
on May 30

I really would love to see this functionality on a mobile / tablet / touch screen device for productivity! Any
news on this?

markusd1984
commented
on Jul 25

Lol after so many years still no update, when this could be so easily solved by providing another mechanism
to select elements and paste them, i.e. enable a paste option for the selected element in the long press menu
(right click on mouse).

vogelmy
commented
on Aug 3

Please add support for tablets!

My client really needs it.

OsasDr
commented
on Aug 15

This is really frustrating. It would have been better this seamless functionality is activated by Elementor. The
puffin browser is an encouragement that something good will come

TheJunn
commented
23 hours ago

Please can you enable drag and drop functionality for elementor for Android devices? Beaver builder does
this, which is why I keep running back them and I'm still skeptical about purchasing elementor pro

Assignees

No one assigned

Labels

request/enhancement type/responsive type/ui/ux

Projects

None yet

Milestone

No milestone

Linked pull requests

Successfully merging a pull request may close this issue.

None yet

46 participants

and others