How To Build A Responsive Header On Elementor Pro 2021 | Mobile & Tablet

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 พ.ย. 2024
  • Learn how to create a responsive header on Elementor pro.
    Get CSS Here: urielsoto.com/...
    🔵 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​ #elementorpro

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

  • @OhMahGHarry
    @OhMahGHarry 3 ปีที่แล้ว +22

    20:37 for mobile optimisation if anyone just wanted that part

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

    This was really useful. This is what i exactly needed. Thank You!

  • @edmundoneill2713
    @edmundoneill2713 3 ปีที่แล้ว +5

    Great tutorial! Answered all the issues I have been struggling with for headers. Thanx a million for posting.

  • @MrLegendofnaruto
    @MrLegendofnaruto 11 หลายเดือนก่อน

    The king, the myth, the legend !

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

    Thanks a lot man. I can't help but to leave an appreciative comment. My work was a responsive mess.
    But this video help fix things

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

      Glad it helped you out!

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

    Its the first time i come across your channel and certainly wont be the last time! Great explanation skills and great tutorial as well. Thanks!!!

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

      Thanks man! Look through th channel I'm sure you'll find something interesting haha

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

      @@UrielSoto do you take freelance projects?

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

      @@mohammadassaf6710 Yes i do. Go on my website urielsoto.com

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

    been searching everywhere for a way to move nav menu to the right on mobile - thank you so much!

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

    Thank you, my mobile menus were a mess and this really helped me get them looking so much better!

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

    Thanks for the CSS - just what I needed - wish I found it 6 hours ago

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

    I copied the CSS over from your website and it didn't work.... However I learned so much thanks.
    CSS:
    @media only screen and (max-width: 1025px) {
    selector {
    order: 3;
    }
    }

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

    Thanks so much for the walkthrough. I have have been trying to figure this out for a day

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

      That's why I do these videos!

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

    You are amazing! You helped me a lot with the menu moving to the side. Thanks!

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

    Hi, I think your teaching is better and more clear than almost everyone else I tried so far. Do you have a tut that will teach me how to capture the other fields in my registration form and display it on the normal user admin page of WordPress? I am making a site where members can add their speciality and locations.

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

      It's your lucky day. I just made a video on that. th-cam.com/video/cRQBDd4uKKI/w-d-xo.html

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

      @@UrielSoto Wow I will check it out straight away

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

    thank you for helping me understand brother

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

    Thank you Uriel 🙌

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

    Great video man!! Well explained and covered all we need to do it properly...

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

    Thanks a ton! Liked the way you are explaining :)

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

    Big respect, thanks bro

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

    You're a champ Uriel Soto

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

    Thank youuuu So muchh Brother.. You are pro!❤️❤️❤️

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

    This helped a ton! Thank you!!

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

    Wow
    I Love you brother
    My problem Solved

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

    Thank you legend...

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

    Hi, what NavMenu are you using? I need help finding Elemento's widget by the same name. I prefer not to use a third-party nav menu, as they are full of bugs, in my experience.
    Thanks.

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

    thank you so much! how would you create a header if your site was multilingual and there was a rext in the call to action button that has to be translated and that will also point to a different site depending on the language?

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

    Thank you! This really helped me!

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

    Thank you

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

    Thank you..
    Very helpful

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

    Great Teaching. Please can you share with me the video on How to add My Account , Login, sign up at the top of the header. I did create a menu for it, but when I go to mobile and tablet view, it shows another hamburger button, and then there is two hamburger buttons - Primary and secondary. How do I do this. Hope you can Help. Thanks

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

    Love your tutorials. My header menu disappear on tablet & mobile, no hamburger, nothing. Any idea why?

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

      Check your responsive settings. If it says hidden than uncheck it or it may be glitched you may need to check and uncheck

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

    I like your home page design, which theam is that??

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

      It's an elementor template

  • @Drimi337
    @Drimi337 11 หลายเดือนก่อน

    which theme did you use?

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

    What a legend

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

    How do you have curvy sections on the website

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

    Thanks! Amazing tutorial!

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

    THANK YOU! 🙏🏽

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

    Thanks for the video, a lot more helpful than most elementor videos. However, you think you know why my website adds extra space above and below my header? I inserted my header using shortcode.

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

      Thank you. Most of the time that would have to do with your theme predefined spacing for each css class or ID. I'll see if I can make a video on how to remove default spacing.

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

      Thanks my guy, I’m using hello theme as well. Also another quick vid idea could be explaining template conditions and how they work. Noticed no ones made a great video explaining that.

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

    Спасибо

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

    Hi, sorry to bother but can you please explain why do you set all your width to 1280? I'm a beginner and might ask stupid question, sorry:)

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

    very nice

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

    thx

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

    Amazing, thank you

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

    Can i hire you to adjust the menu on my project?

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

    Amazing. Thanks a ton.

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

    Thanks man,can i know where are you from ?

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

    abonné+like+bravo you are the best bro

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

    Could you tell us the width and height of your logo?

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

    Excellent bro

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

    Amazing job!

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

    очень круто! Спасибо бро

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

    GRAAAAAAAAAAAAAAAAACIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAS! :D

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

      Thaaaaaaanks lol

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

    Hey Bro, can you tell me which tools you are using to find the fonts name and colour

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

      th-cam.com/video/rTy5REkHYoU/w-d-xo.html

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

    Hi, maybe you can help me, I have a problem with the submenu, I don't know how to edit the space of each option, the space is small and the options are put in a double line, I would like it to be only in one line.

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

    the answer start in 20:43

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

    i have not elementor pro how i can creat link for my menu?

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

    Whenever I create an elementor header, In mobile view the elements just show up one below another, no matter whatever I do. In PC it displays side by side. The logo, the sitename, then a search bar in the said order. I tried all custom CSS with all the display-flex, display-grid, table, nothing works.

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

    bro some video need, like elementor dynamic content with act and cpt ui

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

      What do you mean?

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

      @@UrielSoto i men,, you can make some video for you channel = elementor dynamic content using acf and cpt ui

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

      Yeah I'll definitely try getting some out soon!

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

    But how to disable themes defaults header..

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

    you not specify any theme here..like astra ocean wp...

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

      Works with any Elementor supported theme.

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

    Sir your videos is too long , kindly make short lecture.

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

    Thank you!

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

    I like your home page design, which theam is that??

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

      It's an elementor pro template i believe.