How To Make Your Website Mobile Friendly | Elementor Responsive Tutorial

Подписаться 9 тыс.

Просмотров 71 тыс.

50% 1

Making sure your website is mobile friendly is more important than ever. In this video, I will show you how to use the responsive settings in elementor to make your website mobile friendly and make it look amazing on any device or screen size!
Chapters:
0:01 - Intro
1:55 - Where to find elementor responsive settings
2:59 - How to make the mobile site display different content
6:29 - How to create mobile specific sections

Опубликовано:

25 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 131

@theshubhambarde 2 года назад

This video solved my biggest problem today😃..thank you so much for this....🙏❤️

@Emma-xq9fj 2 года назад

I can’t even explain how grateful I am for your video, it helped me finish my assignment on time. Thank you so, so much! 🙏🏼

@growwithkrishan1 4 месяца назад

Finally, after exploring tons of videos. I got a solution from your video. Thanks alot

@479FilmsX Год назад

I was having an issue with change on mobile view messing up my desktop view. Then when I fixed the look on desktop it changed and messed up mobile again..I was at my wits end. But this video helped. I just made duplicates of each section and edited each one different for different modes. Time consuming a little bit, but it worked. Thank you!

@EnmanuelDiaz Год назад

Glad I could help you!!

@Gabzz96 2 года назад

This was the most helpful video I found on the internet. You saved me so much time thank you

@EnmanuelDiaz 2 года назад

AWESOME!! I'm always posting new videos with helpful info! Feel free to subscribe to see more

@kungfury6410 Год назад

Whenever I adjust something in mobile it throws off everything else in desktop and tablet. Elementor is the worst.

@tarvinder91 Год назад

Damn u saved me man. I initially thought all the settings in tablet mode and the desktop mode were different but I found out that it actually rearranges the things if I do that on either mode. Because I want sections to be shown differently on desktop and mobile. So to display on mobile I was rearranging them which was breaking my desktop page. Great tip

@pqowi9098 Месяц назад

Thank You !!! I've been looking for someone who could explain this in the way that you did, you make it seem effortless yet precise. Thanks Again !

@two_inline_sixes 5 месяцев назад

Great job this is exactly what I needed to see. I knew it was not right when I was researching and thought I needed to change theme or get paid plugins.

@thubtenmunsel8873 2 года назад

Thank you, your video was clear, concise, and easy to follow! You've taken the angst out of mobile friendly design.

@danielamairena5739 3 месяца назад

Thank you so much for this. Short, simple, and straight to the point. ❤

@TarahLim Год назад

Hi, when I try to change things on mobile view, it automatically changes it on desktop--how do I fix this??

@mauart1592 2 месяца назад

thankyou. this is exactly what i have been looking for for 2 weeks

@markfichera1729 Год назад

Thank you so much. I watched a few other videos and they were horrible. You video was a joy to watch in a number of ways. Thank you.

@sawyerspain5396 Год назад

IDK what my problem is, my mobile version looks terible no fonts or formatting at all; random logos and images all over, the mobile version of all my site pages look great in the elementor editor but when you navigate to the site on your phone its a train wreck...

@angusthomasphoto 2 года назад

Great video, simple and to the point thanks - what’s the chrome plugin on the left you used pls?

@andreaxsunflower 2 года назад

Thank you so much! This is finally the solution I've been looking for! 🙏

@EnmanuelDiaz 2 года назад

That's awesome to hear! I'm always posting new videos with fresh ideas and solutions and tips! Feel free to subscribe to see more :)

@TechnologyLearningLive 2 года назад

Great great VIDEO Thankyou look fwd to the MEGA MENU video please notify me

@gregsepicadventures 2 года назад

Great, clear explanation. Well done. Thank you!

@lahoucinekarroum7544 2 года назад

would you mind if you tell us about hero image size for mobile and desktop and laptop ?

@arthurm247 10 месяцев назад

Great video, I have been having this problem for months. thank you

@jeancelestin2371 2 года назад

you just gave us a wonderful Boost. So thank you very much guy. May God bless you

@sketchmall4526 Месяц назад

Thanks a lot! Very helpful video.

@romana1566 8 месяцев назад

Thank you very much for this tutorial, it saved me a ton of time! Very logical, great work!

@donnagentile Месяц назад

Hello Enmanuel, great video, thank you! Is there a way to edit global fonts for Mobile so they will update across the site on mobile devices?

@mahrukhbaloch1751 2 года назад

thank u soo much enmanuel ..it is very help full...liked

@dockledoo 2 года назад

Enmanuel Diaz, can you make different Logos and Headers specific to Mobile devices only? I cannot seem to get my Logo to work with my mobile Design

@EnmanuelDiaz 2 года назад

Yes! Add in 2 different versions of your logo and make one only display On desktop and the other only display on mobile. Another option is make 2 version of your header, one only for desktop and 1 only for mobile.

@businessesinlagos4700 2 года назад

Thank you. This was really helpful. God bless you

@unodetailing 7 месяцев назад

Question: What is the Extension you use for responsive on Chrome?

@kelennaanyanwu5372 6 месяцев назад

Thanks a lot. You've got a new subscriber

@boberlito4433 11 месяцев назад

Brother you are a genius thank you so much

@Realestatewithalissa Год назад

When I make changes for mobile, that changes desktop and I have tried everything! I don't know what else to do.

@MavicMinMan Год назад

When I am doing the mobile edits on my wordpress through Desktop it shows fine but then when i check it on my phone, its sloppy :(

@ViranP 8 месяцев назад

This was amazingly helpful, thank you so much!

@TimCBuilders 2 года назад

This is a really good video. Thanks

@kevinnjue608 2 года назад

Great video. I have different kinds of problems with my website. 1. When I update plugins my website goes down. 2. I also have a problem customizing my website to make improvements on the site. Kindly advise

@FaithInBuddhnism 6 месяцев назад

Thank you for your help, sir! this is really very helpful!

@ivanoffeditz Год назад

I have a question. If you make Section for each Desktop, Tablet, Mobile, then you increasing the page size, which will affect the website speed. I am right?

@EnmanuelDiaz Год назад

Yes, this is correct. That’s why it’s good to make some sections that are responsive and work for multiple sizes at the same time

@jackies35 2 года назад

Thank you!!!! You are the best!

@keithfeiring844 2 года назад

You are an EXCELLENT TEACHER.

@jimmyjonsson2111 Месяц назад

Incredible how many people you get to help

@ElectricNation100 2 года назад

Thanks a lot Emanuel. Just what I was looking for.

@lauraquijano769 8 месяцев назад

How can I make my background image fixed on the mobile version on ELEMENTOR FREE?

@getonlinetools 2 года назад

Looking for 2 column in mobile view how to do it please

@Islamicdosedaily Год назад

What theme you were using by the way

@worldinfomania2954 Год назад

The problem is despite looking good on my computer (Desktop, Mobile and Tablet), when I browse my website on my mobile phone, it looks completely different than displaying on the elementor.

@wellbeingstrategist Год назад

Thank you. Very helpful. Amazing job.

@littlewins1111 7 месяцев назад

Very helpful. Thanks

@seebujais007 Год назад

Are you using elementor pro..? Thanks in advance...

@tonyblancko 7 месяцев назад

Thank you so much exactly the explanation I needed

@pravsuthan Год назад

the only video that’s helped. thank you.

@Smackylee Год назад

Can you show us how you made that jewelry website?

@PMAUSMedia 2 года назад

EXCELLENT PRESENTATION‼️‼️👍

@mordekaiser2545 2 года назад

May I know what chrome extension you were using to switch between screen sizes at 6:03?

@EnmanuelDiaz 2 года назад

Yes, it's called "Window resizer" you can save different window sizes and then switch between them easily.

@jackies35 2 года назад

Ok, I did this last year. The only thing I don't like about it, the mobile info can be confusing when I am working on the desktop mode.

@COLORADODCN 3 месяца назад

Thanks, Enmanuel

@miles6385 Год назад

Omg you are my hero!!! Thank you so much!!!!

@EnmanuelDiaz 11 месяцев назад

Glad it helped!

@budiutomodepok8999 2 года назад

which on is the best, bulid with full elementor canvas or using theme?

@EnmanuelDiaz 2 года назад

I would use a theme, if you use elementor pro you can use the theme builder

@josefyang 5 дней назад

Thank you, you the goat :)

@mohamedsebri4955 Год назад

Thanks very much that was really helpful !!

@rubelhasan4463 7 месяцев назад

Thank you so much brother

@NarendraKumar-lu2hy 2 года назад

great...very very great to learn from you...

@EnmanuelDiaz 2 года назад

Hello, what more would you like to learn?

@astroguyco 2 года назад

Enmanuel thank you, it was very helpful

@lauraschwab_balancecoaching Год назад

wow, looks easy! thanks for your help!

@planaheadwithmary Год назад

exactly what I need! Thank you!

@antonaxelsson4246 Год назад

Great video, thank you very much!

@Chardister70 2 года назад

Will you be making a video on how to edit a header to work for mobile and a desktop in Elementor non pro? Like T-tradenow asked same issue here.

@EnmanuelDiaz 2 года назад

You can use the same techniques shown in this video to make adjustments to the mall version of your header, or create a separate header just for mobile. I will work on making a video for it

@uncle_google7 2 года назад

Thank you for helping!

@lanreuzamere4994 2 года назад

Well done bro

@isntlifebetter 2 года назад

But this is showing to make it look good on all size screens. Sometimes what you put on the mobile version still shows up different when seeing it on a real phone. I have used percentage instead of px when clicking advanced and it still is off.

@EnmanuelDiaz 2 года назад

Yeah it can vary because every device is so different. Sometimes what I do is duplicate an element or a whole section to create a mobile only version of it!

@LandonShipman-iDzynes Год назад

already qualdrupled your likes - and - i will also subscribe... thank you!!!

@liaqatnasim708 Год назад

Thumbs Up.. you saved me👍

@marywin101 2 года назад

Thanks man u saved my time

@hiraabsarkhan6552 Год назад

THANK YOU SO MUCH

@theshubhambarde 2 года назад

Yes bro I want to know how to make a mega menu....❤️

@utpolodekary8241 2 года назад

excellent bro

@piseksakwongvoralak5625 2 года назад

best vdo

@EnmanuelDiaz 2 года назад

Thank you so much 😀

@adejesuyemiDamilare Год назад

is elementor in sitepad sir

@tarektarek-nh4hs 2 года назад

You are grate .....many thanks

@ZinedineKhabib 2 года назад

Hi, when I try to move the background photo in the right position for the cellphone version, i do it, then update, but when i look on the cellphone or go back on elementor again , its again out of position, does anybody know how to solve this?

@EnmanuelDiaz 2 года назад

You might need to clear the catch on your mobile device for it to show the updated image settings, you can also check that the elementor mobile size matches the size of the device you are checking on. You might want to consider using a different image for mobile that fits better for a vertical layout.

@ZinedineKhabib 2 года назад

@@EnmanuelDiaz HI thanks for the reply, it was continuing to go out position because the cellphone version image used was set to fixed , should of been on scroll lol, working perfectly now. Thanks for the advice , will keep that in mind if I expierence other similar difficulties.

@EnmanuelDiaz 2 года назад

@@ZinedineKhabib great to know! There are always so many different things that can happen lol let me know if there is anything you’d like to see a video about

@omarnoonari8971 2 года назад

my website is pc friendly, tablet friendly but when i visited the mobile point of view, i saw that my top first image is stretched all the way and i have to scroll down too much just for that image to end, can you help me fix this? if you need visual representation of my problem tell me your social and ill send you the picture of it. plz plz plz help me with this since i am a newbie

@musa8180 3 года назад

U r the best sir

@EnmanuelDiaz 3 года назад

no, YOU are the best!

@-row- Год назад

Thanks Man

@jannat1098 Год назад

Thanks

@isaaclongoria229 2 года назад

Awesome video!

@Fariz.Mammadov 2 года назад

Thank you very useful video

@EnmanuelDiaz 2 года назад

Thank you! Please let me know anything else you would like to learn?

@Fariz.Mammadov 2 года назад

@@EnmanuelDiaz Yes I'm adding a picture to the text editor, can I make that picture both mobile alignment and pc alignment? I couldn't do it, so I'm redesigning the site, adding 2 columns, I'm thinking of adding text to one and text to the other.

@EnmanuelDiaz 2 года назад

@@Fariz.Mammadov yes! Adding the image as it’s own element will make customizing it MUCH MUCH easier!

@themindcounsel7593 2 года назад

Thank you!

@EnmanuelDiaz 2 года назад

Is there anything else you would like to learn?

@peacefulgarments6994 Год назад

How to do the same for top menu?

@EnmanuelDiaz Год назад

What do you mean?

@peacefulgarments6994 Год назад

@@EnmanuelDiazI have added my email id in top menu. I want to display the top menu(email id) on desktop view but to hide in mobile phones.How can I do that?

@peacefulgarments6994 Год назад

2.Similarly in my cart page or in my checkout page,Shipping is not calculating on cod since I had enabled shipping from seller side and from admin side.I dono where the mistake is?Help me to fix that.

@EnmanuelDiaz Год назад

@@peacefulgarments6994 you can do it the same way I show in the video. However you will need elementor pro to be able to edit your header and footer. If you have elementor pro, edit your header and you will have the same options to hide and show sections, just like you do on the pages

@peacefulgarments6994 Год назад

@@EnmanuelDiaz But I don't have pro,Can I edit the header in some other ways?