How To Design A Responsive Website On Elementor | Modern Web Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 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

ความคิดเห็น • 116

  • @MusicandRelaxation
    @MusicandRelaxation 2 ปีที่แล้ว +7

    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.

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว +1

      Thanks I appreciate that :)

  • @UrielSoto
    @UrielSoto  3 ปีที่แล้ว +6

    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

  • @girlonmission
    @girlonmission 2 ปีที่แล้ว

    One of the best video's I've seen, THANK you so much

  • @EkySambora
    @EkySambora 2 ปีที่แล้ว

    Thank you for great tutorial...

  • @shahmeerdown72gaming40
    @shahmeerdown72gaming40 ปีที่แล้ว

    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.

  • @appleprieto5350
    @appleprieto5350 ปีที่แล้ว

    I appreciate the dedication! 🎉

  • @nancy__officer7898
    @nancy__officer7898 8 หลายเดือนก่อน +2

    images not download please sad

  • @gautambedi591
    @gautambedi591 ปีที่แล้ว

    Very nice work mate!

  • @ememanietie5197
    @ememanietie5197 2 หลายเดือนก่อน

    Thanks a lot!

  • @ArabiaConcrete
    @ArabiaConcrete 12 วันที่ผ่านมา

    Impressive❤

  • @paulonillo7130
    @paulonillo7130 3 ปีที่แล้ว

    Man, this is so helpful! Thanks.

  • @T1ger8oi
    @T1ger8oi 3 ปีที่แล้ว +1

    You made this look so fun. What's the limitation of WP? Can you make a social site like Reddit with WP?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      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.

  • @Pixeliota
    @Pixeliota 3 ปีที่แล้ว

    Awesome Work

  • @amadejugersek
    @amadejugersek 3 ปีที่แล้ว

    What an amazing video mate! More such videos pleas :)

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      Yeah i got some more planed 🙂

    • @amadejugersek
      @amadejugersek 3 ปีที่แล้ว

      @@UrielSoto great..also cant wait for your responsive mode course... I watch the whole video and learn a lot 👍 keep going

  • @radiansinus8126
    @radiansinus8126 3 ปีที่แล้ว +1

    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?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +2

      I'll have a course out soon about responsive design to help you out.

  • @FACTTECHZSOLO
    @FACTTECHZSOLO 3 ปีที่แล้ว +1

    Can you help me My Theme is not uploading in Wordpress. It is showing Style.css problem

  • @FACTTECHZSOLO
    @FACTTECHZSOLO 3 ปีที่แล้ว +1

    Hey, My menu's series is not properly arranged in Mobile view what can i Do?

  • @FACTTECHZSOLO
    @FACTTECHZSOLO 3 ปีที่แล้ว +2

    Hi sir, Please add Time Stamps

  • @TechnicalHelpsBangla24
    @TechnicalHelpsBangla24 2 ปีที่แล้ว

    Image download link not working New link can be given

  • @ISLAMICSONGO
    @ISLAMICSONGO 2 ปีที่แล้ว +1

    bro image link bitly does not work😰

  • @klebergiurizatto4841
    @klebergiurizatto4841 ปีที่แล้ว

    Criate Landing Pages ;;;;;; pleaseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  • @mvscales_official
    @mvscales_official 2 ปีที่แล้ว +1

    Great work man. Really helpful

  • @GubukKlenik
    @GubukKlenik ปีที่แล้ว

    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

  • @MohsinDigitalCourseAptech
    @MohsinDigitalCourseAptech 3 ปีที่แล้ว +1

    Thanks for Making Video ❤️

  • @kuldeepsingh-vb9sg
    @kuldeepsingh-vb9sg ปีที่แล้ว

    not found inner section in elementor i am new kindly help

  • @hafsa-farooqi
    @hafsa-farooqi 2 ปีที่แล้ว +1

    Followed everything thing in the video step by step. It was really very helpful. Concepts cleared. Thank you so much.

  •  ปีที่แล้ว

    Thx 👏🏻👏🏻👏🏻

  • @wisdombuiltestate
    @wisdombuiltestate ปีที่แล้ว

    great

  • @zia9070
    @zia9070 ปีที่แล้ว

    But pro version not free

  • @rafaeljr.navera2788
    @rafaeljr.navera2788 2 ปีที่แล้ว +1

    This is very helpful & you deserve more subscribers and more views. Thank You so much 🙂

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว +1

      Thanks so much! Here's a similar video th-cam.com/video/lO9U0njhmmA/w-d-xo.html

    • @rafaeljr.navera2788
      @rafaeljr.navera2788 2 ปีที่แล้ว

      @@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

  • @user-ne1dh1fy5g
    @user-ne1dh1fy5g 2 ปีที่แล้ว

    👍

  • @amnakhan9801
    @amnakhan9801 2 ปีที่แล้ว

    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

  • @mdshahidulislamshuvo4875
    @mdshahidulislamshuvo4875 2 ปีที่แล้ว

    Images dowloaded link can't work. I can't enter by this URL :)
    And thanks for the video

  • @BlooooodLine
    @BlooooodLine 2 ปีที่แล้ว

    24:57 cant add inner section in that column :(

  • @MasterKnutA
    @MasterKnutA ปีที่แล้ว +1

    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 🥳

    • @ΚΤΣΝΚ
      @ΚΤΣΝΚ 9 หลายเดือนก่อน

      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?

  • @arturochavezchibli6165
    @arturochavezchibli6165 ปีที่แล้ว

    new sub awesome man ;)

  • @fadhilsanad7308
    @fadhilsanad7308 3 ปีที่แล้ว +1

    it is free tools..?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      Elementor yes on wordpress

  • @cicdsatishsatish5979
    @cicdsatishsatish5979 3 ปีที่แล้ว

    Super :)

  • @pratikshamangrulkar70
    @pratikshamangrulkar70 ปีที่แล้ว

    hey, will you please make vedio on how to multipurpose wordpress website.

  • @tanphatphan6857
    @tanphatphan6857 9 หลายเดือนก่อน

    good

  • @rashedfinance4727
    @rashedfinance4727 ปีที่แล้ว

    Someone Tell me what kind of sign he uses in the url field 1:12:48

    • @UrielSoto
      @UrielSoto  ปีที่แล้ว

      It's a hash sign #. Sorry

  • @phuoctanvanchuyenhanghoaba7944
    @phuoctanvanchuyenhanghoaba7944 2 ปีที่แล้ว

    thanks u

  • @tanweerchiktay
    @tanweerchiktay ปีที่แล้ว

    Hello

  • @rolandrodriguez3907
    @rolandrodriguez3907 3 ปีที่แล้ว

    I just jumped in mobile then there's this ad! fck!

  • @dinorossi6611
    @dinorossi6611 3 ปีที่แล้ว

    Except that Elemento became a synonym for slowness. What font is that ?

  • @Gadgets-kn7ew
    @Gadgets-kn7ew 2 ปีที่แล้ว

    love from India

  • @ChenChing-h3x
    @ChenChing-h3x 5 หลายเดือนก่อน

    May I ask what do you use for designing?

    • @UrielSoto
      @UrielSoto  5 หลายเดือนก่อน

      Figma now

  • @toniddp
    @toniddp 3 ปีที่แล้ว

    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

  • @ttuyen201
    @ttuyen201 3 ปีที่แล้ว

    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.

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      If you edit on mobile or tablet it shouldn't affect you desktop if you have everything not set to default.

    • @gatogato7899
      @gatogato7899 3 ปีที่แล้ว

      So i should edit on mobie then if it still good on laptop. Thank you so much

  • @joseberbesi6050
    @joseberbesi6050 ปีที่แล้ว

    You saved my life with this tutorial. Thanks a lot mi Amigo Uriel.

  • @fiestamuldial
    @fiestamuldial 8 หลายเดือนก่อน

    This was amazing. Watching you work changed elementor for me.

  • @mamoondurrani4006
    @mamoondurrani4006 ปีที่แล้ว

    Much more help full thanks 😊😊💞

  • @GreekEnterprises
    @GreekEnterprises ปีที่แล้ว

    great videos help me alots thanks man

  • @xumandutt
    @xumandutt 3 ปีที่แล้ว

    Thanks learned few more things.

  • @NaveedAhd
    @NaveedAhd ปีที่แล้ว

    Imma na

  • @T1ger8oi
    @T1ger8oi 3 ปีที่แล้ว

    How do you lock the header to the top of the screen at all times?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      In the advanced option under motion affect i believe. Stick to top

  • @Akshay-vq1uv
    @Akshay-vq1uv 2 ปีที่แล้ว

    appreciate the effort. Would be great if you had timestamp/ timescale.

  • @Dgreatnessteam
    @Dgreatnessteam 7 หลายเดือนก่อน

    What resources do you used to get the images used in the Web design?

    • @UrielSoto
      @UrielSoto  7 หลายเดือนก่อน

      Feepik or envato

    • @Dgreatnessteam
      @Dgreatnessteam 7 หลายเดือนก่อน

      Thanks

  • @COA-Valorant
    @COA-Valorant 3 ปีที่แล้ว +4

    Thanks broski. Always learn something new from you. How do you go about getting clients for website design?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +2

      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/

    • @COA-Valorant
      @COA-Valorant 3 ปีที่แล้ว

      @@UrielSoto I appreciate the transparency in your work. Ty 😊

  • @syaidinaali4803
    @syaidinaali4803 3 ปีที่แล้ว

    7:28 I don't see you when you open the browser display statistics, how do you open it? btw i'm a newbie

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      Right click and inspect

  • @Dbase225
    @Dbase225 3 ปีที่แล้ว

    Can you please write us the number of the grey color 23:16 , thanks

  • @kaveenpsnd
    @kaveenpsnd 2 ปีที่แล้ว

    Nice Tutorial

  • @alienx8188
    @alienx8188 2 ปีที่แล้ว

    Thanks for this amazing tutorial appreciated

  • @onyx_lynx
    @onyx_lynx ปีที่แล้ว

    Thank you for the amazing tutorial, Uriel!

  • @jubairsatil414
    @jubairsatil414 2 ปีที่แล้ว

    Great video.

  • @weekendprojects1692
    @weekendprojects1692 2 ปีที่แล้ว

    Nice video man - quite enjoyed it 👌👌👌

  • @aditdhani8457
    @aditdhani8457 2 ปีที่แล้ว

    Awesome tuts.....

  • @mediaiweb
    @mediaiweb 3 ปีที่แล้ว

    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?

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      Have overflow set to hidden. I go over it somewhere in this video th-cam.com/video/sv4jCLykEhc/w-d-xo.html

  • @Evolveosteopathy
    @Evolveosteopathy 2 ปีที่แล้ว

    This is amazing, great video!

  • @adefisayoboluwatife8441
    @adefisayoboluwatife8441 3 ปีที่แล้ว

    Picked up a lot of things. Thanks uriel

  • @digital1834
    @digital1834 ปีที่แล้ว

    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.

    • @UrielSoto
      @UrielSoto  ปีที่แล้ว

      Yes that was an old video. I use rem now.

    • @digital1834
      @digital1834 ปีที่แล้ว

      @@UrielSoto Do you have a video when you do that?

  • @mediaiweb
    @mediaiweb 3 ปีที่แล้ว

    Thanks bro i got it

  • @dannydzenis3080
    @dannydzenis3080 3 ปีที่แล้ว +2

    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..?'

  • @stmany2386
    @stmany2386 2 ปีที่แล้ว

    Nice video.keep uploading such videos👍

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว

      Yup I got another one coming either this week or next week

  • @sebaacosta8599
    @sebaacosta8599 3 ปีที่แล้ว

    Amazing dude, thanks!!!

  • @Akshay-vq1uv
    @Akshay-vq1uv 2 ปีที่แล้ว

    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

    • @UrielSoto
      @UrielSoto  2 ปีที่แล้ว +1

      Sorry I made that one as a quick example. Here watch this video for the header. th-cam.com/video/8lFEdJnc8ck/w-d-xo.html

    • @Akshay-vq1uv
      @Akshay-vq1uv 2 ปีที่แล้ว

      @@UrielSoto you're a life saver. Thank you so much 🙏🏽

  • @mohsinzia9095
    @mohsinzia9095 3 ปีที่แล้ว

    Download image link didnot work bro .

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว

      How about now?

    • @mohsinzia9095
      @mohsinzia9095 3 ปีที่แล้ว

      @@UrielSoto great now it works fine thanks

  • @mdrifatnime1922
    @mdrifatnime1922 3 ปีที่แล้ว

    Bro image download link not working

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      Thanks I'll reupload them.

    • @UrielSoto
      @UrielSoto  3 ปีที่แล้ว +1

      Fixed

  • @joeypatrick2585
    @joeypatrick2585 3 ปีที่แล้ว +2

    Went through the entire video. Very informative, especially in learning workflow for Elementor. Thanks for posting!

  • @muhammadzohaibalam2458
    @muhammadzohaibalam2458 3 ปีที่แล้ว +1

    Thank you for this. Appreciated ❤️❤️❤️

  • @wildychristy1706
    @wildychristy1706 5 หลายเดือนก่อน

    U CHANGE MY LIFE BROO

  • @ethicseo
    @ethicseo 2 ปีที่แล้ว

    Jesus can change yr life

  • @rafaeln.castrom.6453
    @rafaeln.castrom.6453 3 ปีที่แล้ว +1

    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.