Magic Navigation Menu Indicator using HTML CSS and Javascript | Animated Navigation Menu Bar

[@o2tech118]

I appreciate your work..

[@aurobindobhuyan2107]

Nice video

[@shraj340]

Good Work ❌ Copy Work ✅ from - Online Tutorials

[@AviationIT]

Bro Great tutorial. KIndly provide source code of this.

[@SamuelOliveira-o3f]

Version Reactjs, please 😃

[@truptibabar5100]

how to align these items to right side?

[@RyzenYtLive-Tamil]

Bro Source code ?

[@7svg516]

btw i've subbed

[@codehal]

Done bro, check your email inbox

[@sheckyvee8384]

Can i have your code just needed tomorrow 😭🤣

[@broadcast3ful]

G Drive access ?

[@IndiaToUsaDonkeys]

Bro 1dm browser ka clone karke dekhao. But change the ui

[@codehal]

Source code is available in the description

[@braullothebrown512]

How can I align it to the top?

[@codehal]

Like navbar?

[@braullothebrown512]

@@codehal yes

[@codehal]

Change in .navigation class position: fixed; top: 0; left: 0; width: 100%; After that, you only need to set the transition direction of the icon, text, and indicators when the class is active as you want

[@braullothebrown512]

@@codehal May I ask how can I add more buttons in the navigation bar? When I try adding some buttons, the indicator does not move.

[@codehal]

In html add along with elements inside li, then in css, copy .navigation ul li:nth-child(5).active~.indicator { transform: translateX(calc(70px * 4)); } you just need to change li:nth-child(5) to li:nth-child(6) and change translateX(calc(70px * 4)) to translateX(calc(70px * 5)), and so on like that, you just need to add 1 to the nth-child number and calc

[@7svg516]

access dedo pls

[@TheBoysMemes123]

sir ma na app ka channel ko subscribe kar lia ha

[@TheBoysMemes123]

link description me dede

[@codehal]

What do you mean ?,, I don't get it bro..

[@TheBoysMemes123]

@@codehal bro source code dada

[@TheBoysMemes123]

is video ka source code da do

[@IndiaToUsaDonkeys]

Apna contact dena

[@sajibbhattacharjee5436]

Accept me on google drive.

[@codehal]

Done.... check email inbox