How to create the Responsive Side Navigation Bar Using HTML CSS and Jquery | Vertical Navbar

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

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

  • @devgaster
    @devgaster 5 лет назад +4

    This is just what i have been looking for.
    Thanks for the effort

  • @AzharAli-qf1vx
    @AzharAli-qf1vx 5 лет назад +2

    Thanks man, this is what I was looking for all day

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

    love your sir you are very helpful and go-ahead from Bangladesh

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

    Thank you very! Once again a very helpful video. Thank you 👏👊👌

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

    Thank u so much I was looking for simple and easy side bar

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

    Thank you very much just this channel build it from scratch

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

    thanks for your knowledge bro ,it is amazing

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

    I love this code but my topnav doesn't stretch 100% across the page. Only about 70%. What am I doing wrong? I'm following the code as is.

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

    Thank you, it is very helpful!

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

    thanks a lot for this video , it is very helpful. please i encouter a problem, once I created the main-container and i wanted to style it, I used the margin left and it works but when i use the margin -top the navbar also drop down. please how can I solve this problem.

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

    thanks, but this part does not work in SAFARI
    .wrapper.collapse .main_container{
    width: (100% - 70px);
    margin-left: 70px;
    }

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

    can i do this in visual studio C#?

  • @SugieM-w5d
    @SugieM-w5d Год назад

    Great work! I would like to know how to integrate the sub menu options here!?

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

    thanks brothet, this is amazing

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

    When I click the hamburger the page disappears why?

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

    How to call Javascript function in html if jquery is written in external js file..?

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

    Bro when i click the hamburger button.. it change the class of the wrapper.. but it hides all the elemnt.. and the page goes blank.. the java script is working but all the elements is disappering after clicking the humberger button
    i use laravel 5.8 btw.. and jquery is auto loaded in npm

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

      I think ur hiding main wrapper. So check it once clearly.

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

      @@CodingMarket idk man... but when i use your code in non laravel project it works...

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

    Can u plz tell me why toggler button doesn't work when in add bootstrap cdn and how can i solve this problem

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

    Excellent

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

    bro i am bigner please advice what are you thinking process during coding because i also know html css but i will not make it because of process of thinking what should and where i would do add this element . please mere ko path do kis thinking se cooding karni chaiye . ya yh sab practice se ata h .please advice its urgent.

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

      Practice daily ... By assigning something by your own in html and css

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

      Bhai m abhi html css strong kar rha hun par yar muje yh nhi pta chalta ki kab konsi property use karni h .

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

      Practice Sehi sab ayega... Practice Kar.. Har din... Aapko samaj ajayega.. Tode din me..

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

    superb..

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

    Awesome

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

    Does the script source functions even if without internet connection?

  • @AnkitVerma-ox3dr
    @AnkitVerma-ox3dr 4 года назад

    How to make sub drop down with same CSS in main drop-down ? Please post the CSS for this too.

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

    Hi sir, I did as per your video but when i click the hamburger button it hides all the content in the page...but if I used without the bootstrap.min.css it will work... so why this occured... how can I resolve it...
    please help me out...Thanks is Advance

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

      I think bootstrap and custom CSS are getting conflicted.

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

      @@CodingMarket then what can I do for it

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

      U have resolve the conflict or remove the bootstrap from ur project

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

      @@CodingMarket but I need both bootstrap and custom.css

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

      Place your custom CSS file after bootstrap and check once. Even after this, issues exist. Mail ur me ur project file. I will through it once.

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

    Nice!

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

    thank you for the exemple , is very helpful, i had a problem, is when i click on humberger i have a blanck page

    • @evan.5967
      @evan.5967 4 года назад

      you didn't do it right then ruclips.net/channel/UCtVM2RthR4aC6o7dzySmExA

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

    Thank you very much bro

  • @FabioSilva-oe7pm
    @FabioSilva-oe7pm 4 года назад +1

    Perfect

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

    It's very helpful but I have some problem in navigation . I chk it on git hub but there is some issue with repo . Can uh please provide me source code ?

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

      U can get the source code from this codepen link
      codepen.io/RajRajeshDn/pen/LYPeBOV
      And checkout my other videos on sidebar menus.. It may further help you..

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

    thanks brother!!!!!

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

    jquery toggle button is not working please help me

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

      Did u include the jquery cdn link in ur file..

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

      @@CodingMarket thanks for reply
      When i export code from code pen its working fine.
      Thanks :)

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

    Good video, i have a question, how can i show contents on each tab?? Thanks

    • @CodingMarket
      @CodingMarket  4 года назад +2

      When we click the tabs then we have toggle the content..
      Check out this video, where i have showed, how to toggle the content using tabs
      ruclips.net/video/E6XEeRghxB0/видео.html

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

      Thanks, finally i got it thanks for the answer.

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

      Jun Abrenica have you find out, if so plz send the full code to my email yuusufmustaf54@gmail.com i appreciate

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

    good tutorial, but please change the music :-)

  • @FabioSilva-oe7pm
    @FabioSilva-oe7pm 4 года назад

    How do i use the JS?

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

      Add the toggle class same as jquery. Use element.classList.toggle('active')

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

    thanks
    brother

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

    Imagine new kids confused with why there's a "hamburger" class. hahaha

  • @FloWer-bc7ey
    @FloWer-bc7ey 4 года назад

    thank you

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

    6:20