How To Design A Responsive Website On Elementor | Modern Web Design
HTML-код
- Опубликовано: 5 окт 2024
- Learn how I design websites on Elementor!
Download images here:
urieljsoto.gum...
Download template:
urieljsoto.gum...
🔵 Join Our Facebook Community!
bit.ly/urielsot...
🟢 Tech Support:
urielsoto.com/...
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/element...
🟣 Website Building Factory Course
bit.ly/website...
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielele...
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a
#elementor #webdesign
I very rarely find such quality site creation, especially with the free version of elementor. I sincerely congratulate you and suddenly you have a new subscriber.
Thanks I appreciate that :)
Table Of Contents
Intro: 0:00
Start: 1:09
Header: 2:59
Body: 8:07
Footer: 41:31
Tablet: 53:26
Mobile: 01:02:03
This was SOOO needed. I usually did 3 different designs for Desktop, Tablet and Mobile. While hiding the elements on the others.
My mind was blown, when I saw you changing the text on Tablet, and it didn't change on Desktop 🤯🤯🤯
And that Reverse thingy on Mobile is a game changer 🤯
I'm so grateful for your video, thank you. You saved me hundreds of hours of work 👏🏼👏🏼
Subscribed ✨
Fun fact: Saw your name is Uriel, and Archangel Uriel is an Angel of Inspiration in the Bible.
So you have been my saving angel today 🥳
i don't understand though, what is it that makes me unable to make changes on the tablet and not have it make changes on the desktop?
Followed everything thing in the video step by step. It was really very helpful. Concepts cleared. Thank you so much.
This was amazing. Watching you work changed elementor for me.
You saved my life with this tutorial. Thanks a lot mi Amigo Uriel.
This is very helpful & you deserve more subscribers and more views. Thank You so much 🙂
Thanks so much! Here's a similar video ruclips.net/video/lO9U0njhmmA/видео.html
@@UrielSoto I've learned a lot from you. Again Thank You. I am an aspiring Web Designer that's why I really wanted to learn
when you said i have putted the background image in Background Overlay at 7:00 I had already done that bcoz i cant find background overlay. Thanks it helped a LOT.
One of the best video's I've seen, THANK you so much
Went through the entire video. Very informative, especially in learning workflow for Elementor. Thanks for posting!
Thank you!
Thank you for the amazing tutorial, Uriel!
Great work man. Really helpful
You made this look so fun. What's the limitation of WP? Can you make a social site like Reddit with WP?
Glad i could make it fun. I mean it depends. For most of the things you may want to do with a website. You'll have to see if there's a plugin for it. Most of the time there is a login but it might work so well with other plugins. I would say WordPress can be very powerful.
Thanks for Making Video ❤️
This is awesome...Open my eyes to designing great sites...One question 'Were you do find the inspect option to view and change different responsive sizes..?'
Picked up a lot of things. Thanks uriel
images not download please sad
Thank you for great tutorial...
Thanks a lot!
I appreciate the dedication! 🎉
Hey, My menu's series is not properly arranged in Mobile view what can i Do?
Nice video man - quite enjoyed it 👌👌👌
Thanks broski. Always learn something new from you. How do you go about getting clients for website design?
You're welcome! Well that depends where you're from and what you have access to. If your just starting out and want some experience. It's great to always start out with family and friends. I would suggest posting on Craigslist and learning facebook ads.
We have a course on creating a website design business that covers how to get clients.
websiteagencycourse.com/
@@UrielSoto I appreciate the transparency in your work. Ty 😊
Thanks learned few more things.
Very nice work mate!
love from India
hey, will you please make vedio on how to multipurpose wordpress website.
great videos help me alots thanks man
Can you help me My Theme is not uploading in Wordpress. It is showing Style.css problem
Much more help full thanks 😊😊💞
This is amazing, great video!
Man, this is so helpful! Thanks.
Thanks for this amazing tutorial appreciated
What an amazing video mate! More such videos pleas :)
Yeah i got some more planed 🙂
@@UrielSoto great..also cant wait for your responsive mode course... I watch the whole video and learn a lot 👍 keep going
Great Video man. Thanks for uploading it. Was able to grasp the principles of Responsive Design in Elementor a bit better.
I have one question: How do you set up the browser inspector so it shows the three different colored lists of breakpoints like seen at 52:00 for example?
I'll have a course out soon about responsive design to help you out.
Hi sir, Please add Time Stamps
Impressive❤
Nice video.keep uploading such videos👍
Yup I got another one coming either this week or next week
Hi, first of all thank you very much for the fantastic manual, I followed it to the letter, but now I find that how I do it because if I want to go to another section I have a page just like the one there and I modify the its content? for example upcoming treks. I say that because I only stick with the home page then :( Thank you
Images dowloaded link can't work. I can't enter by this URL :)
And thanks for the video
Image download link not working New link can be given
bro image link bitly does not work😰
Nice Tutorial
sorry i've question at 8:57
why i can't put inner section under 2 coloum , only can choose on of them
thank's before
Amazing dude, thanks!!!
Thx 👏🏻👏🏻👏🏻
appreciate the effort. Would be great if you had timestamp/ timescale.
Hi Uriel,
I hope you're doing well and keeping safe.
My name is Amna Khan.
I've created a website by using elementor. The website is working on all devices but I still can’t access the top line on my iMac. Please guide me about it.
Thanks
-Amna
Except that Elemento became a synonym for slowness. What font is that ?
Awesome Work
Awesome tuts.....
Great video.
new sub awesome man ;)
Thanks bro i got it
not found inner section in elementor i am new kindly help
May I ask what do you use for designing?
Figma now
thanks u
Thank you for this. Appreciated ❤️❤️❤️
For sure man!
@@UrielSoto ❤️❤️❤️
24:57 cant add inner section in that column :(
great
it is free tools..?
Elementor yes on wordpress
What resources do you used to get the images used in the Web design?
Feepik or envato
Thanks
I just jumped in mobile then there's this ad! fck!
Hello Uriel , how can i stop my site from sliding to the left with space on the right please on mobile? whenever i look at it on mobile , it looks good , as soon as i scroll, the whole site down moves to the left with an unwanted scroll bar at the bottom how can i stop this please?
Have overflow set to hidden. I go over it somewhere in this video ruclips.net/video/sv4jCLykEhc/видео.html
Hi thank you so much for sharing, can i ask if i edit on moblie , is that change on tablet and laptop also? How cam we control all of this if it still change after we amend on one thing.
If you edit on mobile or tablet it shouldn't affect you desktop if you have everything not set to default.
So i should edit on mobie then if it still good on laptop. Thank you so much
Disappointed you did not use REM/EM for fonts/typography. I have tried to find a video that shows the workflow for that.. it's much better for responsiveness.
Yes that was an old video. I use rem now.
@@UrielSoto Do you have a video when you do that?
How do you lock the header to the top of the screen at all times?
In the advanced option under motion affect i believe. Stick to top
Criate Landing Pages ;;;;;; pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
U CHANGE MY LIFE BROO
7:28 I don't see you when you open the browser display statistics, how do you open it? btw i'm a newbie
Right click and inspect
good
Super :)
Can you please write us the number of the grey color 23:16 , thanks
#a2a2a2
But pro version not free
Someone Tell me what kind of sign he uses in the url field 1:12:48
It's a hash sign #. Sorry
how do you create the drop down menu using Icon list as shown in 4:20. Any help or comment is appreciated. I'm stuck on my assignment
Sorry I made that one as a quick example. Here watch this video for the header. ruclips.net/video/8lFEdJnc8ck/видео.html
@@UrielSoto you're a life saver. Thank you so much 🙏🏽
Download image link didnot work bro .
How about now?
@@UrielSoto great now it works fine thanks
👍
Bro image download link not working
Thanks I'll reupload them.
Fixed
Hello
Imma na
Jesus can change yr life
Thx Uriel.!
this video helped me with those tricks about: margin, spaces, positioning, fixed, absolute.. and stuff like that. I have been having some issue on that. T H A N K Y O U.
sub.