Responsive Dropdown Navigation Menu using HTML CSS and JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 พ.ย. 2024

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

  • @amblsparttimejobtraining8368
    @amblsparttimejobtraining8368 3 หลายเดือนก่อน

    thank you sir for this wonderful video

    • @CodingLabYT
      @CodingLabYT  3 หลายเดือนก่อน

      Most welcome

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

    enjoyed the coding and the music

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

    Encontrar tu canal fue lo mejor que me pasó 👍👍

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

    Keep up the good work ! This is just what I was looking for, one question, I tried removing the search-box but I just ruined everything, how to do it the right way ? THANKS A BUNCH ❤

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

      Just remove search box div from the Html and css of that

  • @Yusuf-ox8jr
    @Yusuf-ox8jr 2 ปีที่แล้ว +1

    Good Work, helped me much!

  • @CesarMendezG
    @CesarMendezG 2 ปีที่แล้ว +4

    Hi! I need to create more JS dropdowns , but that's not working, all the menus are dropdown at the same time on mobile view, any idea? btw, great video and website

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

    Amazing project sir 😍😍😘

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

      Thank you! Cheers!

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

    awesome video
    please bro Give more videos of JavaScript project

  • @TrangLe-dp8jf
    @TrangLe-dp8jf 3 ปีที่แล้ว +1

    My dream job is to make a website with HTML CSS and Javascript just like this.

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

      You can do.. keep practicing

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

    Thanks 😊🙏

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 ปีที่แล้ว

    Good thanks

  • @CricketHighlights-nt7nn
    @CricketHighlights-nt7nn 3 ปีที่แล้ว +1

    Beautiful

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

    First comment first view first like awesome video 😀

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

      Yay! Thank you!

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

      @@CodingLabYT your welcome 😀

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

    This is amazing

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

    please make video with your voice, it is difficult to learn from background music only

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

      I will think about it

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

    Hints: turn music off and play back at half speed. Otherwise good video.

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

    Bravo

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

    nice

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

    There's only one thing missing though. The hover state of the links. And getting the arrow to highlight with the navbar link.

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

    Subscribed, Thank you for this amazing video, you have no idea how much it helped me. Actually i added a banner on top but it didn't show, when inspecting element, i knew it was hiding under the navbar, i tried everything i could but i still don't know how to correctly modify the code, please help
    Thank you in advance

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

      Thanks a lot for your comment.. You can give Position relative and Z index more than banner.

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

    If you speak it's great

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

      Okey Sarang, I will think about it.

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

      @@CodingLabYT but your work is very nice it takes so much extra effort for understanding

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

    Hi - instead of the dropdown being hovered, what's the best way to keep the dropdown menu to be open when you click on HTML & CSS menu and have the arrow button to stay up. Then after you click the menu button again, arrow points downward

    • @Ali_King906
      @Ali_King906 27 วันที่ผ่านมา

      Use active instead on hover

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

    Thank you❤

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

    Can we use always same navbar for responsive mobile menu or if not then
    What is the case when we should create different mobile menu for responsiveness?

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

      you create a different HTML menu..then you will give it a display of none and show it later with css when on mobile screen with transform- translate

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

      @@peterkabiru5144 thanks for replying

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

    Cool🆒🆒

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

    Hi , good job ..i want to know how i can put loop in the input please ,

  • @varunc4746
    @varunc4746 3 ปีที่แล้ว +4

    Can you tell how did you learn HTML and CSS and from where.

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

      From TH-cam videos article.

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

      @@CodingLabYT mainly from which TH-cam channel

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

      I recommend you Yahoo Baba and Geeky Shows

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

    Thanks

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

    how about multilevel menu? i like your video and i used it, thanks a lot, but how about a multilevel menu. im kinda stuck right there
    thanks and have a nice day

  • @ВладимирЛитовченко-ш3н
    @ВладимирЛитовченко-ш3н ปีที่แล้ว

    Спасибо! А Git есть?

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

    Hi,
    I used the same code like you on the video, but for me the mobile menu looks weird. The second level submenu (from the "More" link) is pushed to the right side of the sidebar. It is not displayed underneath like for you. And also the submenus only appear in the mobile menu when I click on the arrow icons and not the whole menu items, however, for the "more" link the submenu appears when I hover over the "More" menu item.
    I also checked the code on your website, but it looks different from the one you use in the video.

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

      DM me on instagram i will check

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

      were you able to fix that issue? i had smae issue

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

    Please make online store website with qr payment system using HTML and css

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

      Okey. I will think about it

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

    that nice

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

    Hi, For some reason when I click on the search bar icon it does not show up with showInput what do i do?

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

      Do practice repeatly till you do not get problem.

  • @mariarafique629
    @mariarafique629 3 หลายเดือนก่อน

    How to add this css and javaScript code in blogger theme

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

    Hi please make video on how to make website with login form and my sql database

  • @An-yh2bl
    @An-yh2bl 2 ปีที่แล้ว +1

    It looks cool but JS doesn´t work even if I copy the JS code from your website so it was a total waste of time. I did this project from the beginning and at the end the JS code doesn´t work at all... Just frustrating...

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

      You can download all source code file from my website

  • @AS-mc2db
    @AS-mc2db ปีที่แล้ว

    sir can you tell me please i made a dropdown Menu with right and leftbar navigation as well as footer. but my dropdown menu goes behind the right bar. can you tell me how can i bring dropdown menu on front side? plz ..

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

      You can contact me here - www.fiverr.com/prakashahi

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

    how to open menu and close menu in same button?

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

      Give Position right

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

    Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at

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

      You can take source code from my website, link is in video description.

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

    How to add background responsive image in this website

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

    Haven source?

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

    href ='#! ' meaning?

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

      if you use the link of any site instead of # and click on that anchor tag, you will be redirected. Anchors tags are used for link redirection. If you use # you will not redirect anywhere

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

    34

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

    sir Source code

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

    fack source code not available

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

    im new at coding so i really can't stand how to videos that only have music and no one talking telling me why,what,how. it makes me want to nuke there youtube and pc.sorry for this but this is not a thing to just show or caption instructions take away from the video. do it better!!!!!

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

    fark that music is annoying af, would have been better if you just talked through it

    • @dev_kev254
      @dev_kev254 6 หลายเดือนก่อน

      make your videos first then comment shi** on others'