Making Your Sites Tablet and Mobile Friendly With Elementor

Glad I found this. Really adds to my understanding of responsive editing. Wondor if you can comment on one thing: I am using free Elementor and Astra with its starter templates. First section on the homepage is a 2-column section. Columns are 50% each. Left col. has 3 headings. Right has an image. Image is fine on Laptop but both tablet and mobile squeeze it in left and right and up and down top and bottom so the 3 people have tall skinny faces. So far I can't fix it? There is also a background image for the section with an overlay.
Thanks
Brewster

Thank you. Excellent help.

Elementor mobile adjustments are the worst. Every time I adjust in mobile it throws off the settings in desktop. This editor is so bad.

Thank you for this great video. It was very helpful. However, whenever I make changes to my desktop it changes my mobile - which doesn't look right on a mobile verse the desktop. Is there a setting I need to change?

MIndblowing

Vídeo de tirar o chapéu

but my advance responsive visibility is not working

Are you South African?

Hoping to find an answer here.... I am currently building a custom header with elementor pro but when i try to make edits to my mobile view (in Elementor), any changes I make there for some reason affects the desktop view and makes changes on there too. Is there a way to not let the mobile view edits create edits in the desktop/laptop/other view? Thank you

Thank you very much 🎉

Thank you so much. Great video tutorials!

Great 😊

ugh! wonder why the regular one doesnt work,. atleast on different laptop sizes, keeping the mobiles & tablets aside.

Thank you for these great videos. I've struggled for 8 years with a different theme. But with these vids I'm blazing my 3rd website and it happy and excited rather than hating working on my websites. Setting the sites up right from the start is making a huge difference. 🥰🥰

Rather than individually changing the fonts and colours for each of desktop, tablet and phone versions of a page, I want to use GLOBAL FONTS and COLOURS. When I apply a global font (like Roboto 24, weight 600) to desktop and then another global font (like Roboto 16, 400) to tablet and another (Roboto 12, 400) to mobile phone view - it does not stick! The last one I set overrides all the others and applies it to all of them. Has anyone found a way of using three different global fonts for each of the three views - desktop, tablet, mobile? I'm struggling. Hope you can see why I would want to do this - so that in the future, if I want to change the style of all pages at once (say on the mobile view), I can do that. Oh one other thing - If i do set the desktop view to a global font, and set the TABLET or MOBILE view to something else (a non global font) - even the desktop global font becomes unlinked!!! There must be something I am doing wrong. Surely it is crazy to allow only ONE global font that can only be applied across all DESKTOP, TABLET andMOBILE views rather than each one being able to have its own? Please help someone. I'm tearing my hair out.

Why use the same computer, different browsers to view, the position of the element is not the same? How should this be solved?

AWESOME. THANK YOU!

Still cant fix desktop header logo & mobile header .. sorry

Hi , is there a media query we can use in custom css to target only mobile or tablet landscape?

So I'm following this tutorial now and having issues.

I go and make an element invisible in mobile or tablet mode... and that makes it invisible in desktop mode.

I fix this and make it visible in desktop mode... and it's back in tablet & mobile mode again.
This is all through using the navigator.

Thank you so so much for sharing this masterclass with us. I really appreciate your effort, job and I so needed this... thank you so so much ... 🌙

Im having an issue when I try to change the formatting on mobile and tablet mode. Whenver I make a change on the mobile setting it also changes the desktop setting. Why is that? I tried it following your steps by switching responsive mode but it's not working.

Phenomenal tutorial Ziv!

Such friendly and informative stuff.
Thanks

This is very helpful. Thanks for making sure we can follow your pointer. I usually have to do multiple rewinds to figure out what just happened. Thank you.

The screen resolution is completely different on desktop, laptop, and different mobiles even after optimization. I am stuck at this. 😓

excellent. Can someone help how to make the CTA like his. With the picture and arrow on thop?

thanks for this video....I'm no web designer and new to this but
why when i change it to tablet or mobile mode mine doesnt automatically convert my buttons into that hamburger drop down button?
thats exactly what I want...plssss help :(

hey, i need to make a video autoplayed for mobile device, it works until the iphone is on low power mode, is there's a way to keep the video running while the phone is on low power mode?

Nice tutorial! Does Elementor account for mobile devices being viewed in landscape mode? Particularly fixed header images become displaced in landscape view and there is no apparent option in the preview and editing to detect this. How can one check the landscape view when previewing and editing in Elementor? Are you able to advise on this?

When I change view and edit its not saving. Any idea why? It was working. But now it's not.

Hello Ziv, thank you for the video.
I have a question: can Elementor be used on pages not created with Elementor? Out website has Real Factory theme and was not build using Elementor. When I try to edit the pages, I cannot display the different sections (I mean the different text, images etc surrounded by the light blue border). Is that normal?

how come your nav menu turned into 1 hamburger icon? my case is it turned into 5 hamburger icons for the 5 menus

thanks Elementor. Pro tip it would be good if you responded to your customer's comments 😁😁

i'm having issues with making it work for different types of tablets. Ipad looks great, samsung galaxy tab a7 lite looks horrible and I don't know how to adjust to it without ruining it for other resolutions...

Ziv is such a great instructor :)

Hei guys ! Short and usefull videos = My kind of videos :D

So I have one issue that it seems that I won't be able to solve it. Problem is that when I check out my website on mobile, when I first open a page it is perfectelly normal, but from some reason I have the posibility to zoom out and the content of the site it is smaller than the full resolution of the monbile display. I've been looking into it from a couple of days and I can find anything like this.

Would appreciate any help I can get :)

Cheers everyone !

Convierte tu presencia digital en tu mejor vendedor

Ayudamos a dueños de negocio a tener resultados con el marketing digital y mercadeo digital a poner en marcha un sistema que realmente ayude a crecer su negocio.
Comunícate hoy
¿Cuál es tu mayor problema con el mercadeo digital?
Aumentar Ventas
Prospectos y visitas
Rendimiento del website
Aprovecha tu presencia en línea para aumentar ventas

Can I use different menus for the mobile and desktop? Have a main menu on the mobile with all pages? While having two different menus using the same pages as the mobile?

Very informative tut. Helped me fix a mobile responsive issue. What's the name of the theme you are working with ?

Saying that there are "no tweaks needed" to every section, "because it looks good" doesn't help that much as for many of us it just doesn't look good and we'd love to see how to fix stuff. That's why we're here ...

Wonderfully presented. Very concise and relevant. Thank you, sir.

Any way to force the desktop view on mobile?

Always something new and helpful. Thank you

when I change something on the phone version it also changes on the pc version

Great video, Thanks. The girl in your hotel site needs some Narcan. I hope she's all right