Easy Multi-Level Dropdown Menu Tutorial - Using Only CSS (With Animated Dropdown Arrows)

Поделиться
HTML-код

Комментарии • 62

  • @MrFogyfog
    @MrFogyfog 4 года назад +3

    Best! Saved me tons of Js code, thanks!

  • @OttoLeholt
    @OttoLeholt 5 лет назад +3

    thanks a lot Edwards - this is just GREAT - best tutorial on the subject I have seen :-)

  • @nicolecmar5008
    @nicolecmar5008 3 года назад

    Best multi-level menu tutorial I've seen yet! Thank you soooo much!

  • @dilek1683
    @dilek1683 4 года назад +1

    Thank you very much. This was exactly what I was searching for.

  • @vladosononame6376
    @vladosononame6376 3 года назад

    This is cool tehniq, very clean and well organized

  • @angiethatcatlady
    @angiethatcatlady 3 года назад

    man I'm an effin designer taking my effin programing class, you saved my life, k bye.

  • @babyprintz
    @babyprintz 5 лет назад

    Watched another video of yours prior to this one, on responsive menu and this video is like the next level up. Really enjoying your tutorials. Thank you!!

  • @beru6906
    @beru6906 2 года назад

    This was a beautiful dropdown menu, as a beginner thank you so much

  • @robertmassotti4177
    @robertmassotti4177 3 года назад

    Hi. Very nice menu tutorial. Best i have seen so far. How can i change the background color of the drop down sections of the submenus so that it is clearer.

  • @thomaseastlack5070
    @thomaseastlack5070 2 года назад

    Excellent presentation. Thank you very much.As a novice, I was able to successfully replicate your process.

  • @kookia213
    @kookia213 4 года назад

    Great video, thank you for sharing.

  • @DavidAshby1
    @DavidAshby1 4 года назад

    Hi, from this tutorial is there a way that you keep the control of open/close as you have it but the the navigation is open on load without using Javascript?
    Great tutorial!
    Thanks

  • @verdedenim662
    @verdedenim662 3 года назад

    This is very well done! Thank you ! I've read through the CSS L3 selectors and 'fancied this up a bit', but I'm not sure what the "hamburger menu item is for. I don't know why it's red, either. Could that effectively be 'hidden' or even removed?

  • @footstepparecords
    @footstepparecords 3 года назад

    thank you!!!!!

  • @IhorT15
    @IhorT15 4 года назад

    thanks from Ukraine! It helps me a lot

  • @pianoLee-sx9dx
    @pianoLee-sx9dx 6 лет назад

    I am glad that I have found your channel! This looks great both in terms of design and functionality! If I have any questions, are you able to help me? for some reason, it seems to affect the height of my footer....

  • @motivasyonbasar1456
    @motivasyonbasar1456 7 лет назад

    Such a amazing great work!

  • @МамбаКарамба-л2з
    @МамбаКарамба-л2з 4 года назад

    Thank you, very much!

  • @rskbuvan
    @rskbuvan 4 года назад

    Good work.. (handshake)

  • @aboq73
    @aboq73 4 года назад

    Es un buen video, la verdad te felicito, pero... la funcionalidad del menú al dar click en el subnivel más bajo (habiendo ajustado las #herf), no se desaparece el menú.... dando un error de funcionamiento.

  • @Uxarif
    @Uxarif 7 лет назад

    Wow rely Your are very helpful sir Thx

  • @alisah4410
    @alisah4410 6 лет назад +3

    I was wondering, if anyone knew where I could find a tutorial for a responsive menu (+submenu) that uses nav ul li (and so on) tags. For some reason its hard to find one. Using Wordpress so adding custom classes to menulinks is pain for someone like me who doesn't have that much of experiense!

    • @Mike37373
      @Mike37373 3 года назад

      Hi, did you find it ? I'm also trying to make a mobile menu on wordpress with a multilevel

  • @fernandorochaolivera2404
    @fernandorochaolivera2404 5 лет назад

    thanks for the video, question how can i create a transition when i click on the checkbox to open the ul.

  • @imharishmadaan
    @imharishmadaan 4 года назад

    Thanks for the great tutorial but it's not user friendly for website. User might scroll if nav items are getting increase but it's good for mobile

  • @pianoLee-sx9dx
    @pianoLee-sx9dx 6 лет назад

    I am also curious as to why you use position relative here as opposed to position absolute? Because it tends to push my other positions relative images down

  • @DanishAnsari-gx9ph
    @DanishAnsari-gx9ph 4 года назад

    please make a full video coding and wensite designing also

  • @aoam9194
    @aoam9194 6 лет назад

    Wow I like it 😃

  • @NazmulHassanMehedi
    @NazmulHassanMehedi 3 года назад

    source code Link broken.. can you please share me ? thanks for this awesome tutorial..

  • @pianoLee-sx9dx
    @pianoLee-sx9dx 6 лет назад

    Hello! Is the overflow attribute important here? For some reason, the overflow hidden also affects my form tag

  • @nikhilsoni2655
    @nikhilsoni2655 4 года назад

    how are you displaying those blue line for every div while working with padding ?

  • @pianoLee-sx9dx
    @pianoLee-sx9dx 6 лет назад

    Hello! Is it possible to make this a position fixed? I tried it but then my scrollbar disappears...

  • @BrickfilmZX
    @BrickfilmZX 5 лет назад

    Where did you get the arrow? Can i use it in my project?

  • @arsalanshaikh3763
    @arsalanshaikh3763 7 лет назад

    Great thanx..

  • @borsaniasushant1
    @borsaniasushant1 7 лет назад

    Hi Caler, thanks for the video. Just one request. Is it possible for you to share the PS or XD file of project " I think design" in web design - video posted on Jan 24, 2017 please? I am beginner web designer and want to code for learning...

  • @KAAN_TR
    @KAAN_TR 6 лет назад

    Hi,
    How do you add “how many items listed” number on the right side of the title?? Example (30) thanks

  • @maartenbuis6304
    @maartenbuis6304 7 лет назад

    Great!

  • @skytouchsoftwares9036
    @skytouchsoftwares9036 6 лет назад

    nice one

  • @kendalleley
    @kendalleley 4 года назад

    Easy to understand. If I have 3 items that each have sub items, How can I open sub item one, but close it when I open subitem 2?

  • @pragtigoswami7315
    @pragtigoswami7315 5 лет назад

    If I want the menu to be displayed all time and only sub menu to be display on click how to do this????

  • @ronik330
    @ronik330 7 лет назад

    Calee your website's a bit outdated. Maybe you should think about redesigning it?

    • @CalerEdwards
      @CalerEdwards  7 лет назад +2

      +Elite Fox Already working on some concepts ;D just looking for the time.

  • @kettec4372
    @kettec4372 6 лет назад

    Great....

  • @JamesJohnAgar
    @JamesJohnAgar 7 лет назад

    Great tutorial but instead of a second level being drop down why don't you hide the first menu and then overlay the second menu on top ?

    • @CalerEdwards
      @CalerEdwards  7 лет назад

      +JamesAgar thanks, and I might do another vid on that.

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 лет назад

    good

  • @MrJaxparadize
    @MrJaxparadize 5 лет назад

    Doesn’t work. Any of it. I get a bunch of errors in MVS... idk what I’m doing wrong. I have the exact code video creator has too. This is just not for me. I need to give up.

  • @erickbarcenas2792
    @erickbarcenas2792 4 года назад

    Te amo

  • @marcionoronhacosta74
    @marcionoronhacosta74 5 лет назад

  • @heidik1757
    @heidik1757 4 года назад

    For some reason the check boxes aren't disappearing... maybe its because it's 2020? If anyone has a suggestion I would appreciate it!

    • @lostinthemusic9532
      @lostinthemusic9532 4 года назад

      2020 😂.. try setting opacity 0 whenever checkbox ain't required

  • @supermegae7573
    @supermegae7573 Год назад

    i dont know how to do this without the hamburger menu

  • @aaaaaa8711
    @aaaaaa8711 7 лет назад

    Html live preview is not working

    • @rogerasupply942
      @rogerasupply942 6 лет назад

      aaa aaa make sure you’ve opened your entire folder inside of brackets, not just the file

  • @yusufturhan2845
    @yusufturhan2845 5 лет назад

    hi nice menu responsive mobil pls

  • @DanishAnsari-gx9ph
    @DanishAnsari-gx9ph 4 года назад

    please

  • @pilot-motivation5868
    @pilot-motivation5868 7 лет назад

    Amazing work 👍I sent you email sir

  • @DanishAnsari-gx9ph
    @DanishAnsari-gx9ph 4 года назад

    please br9