Responsive Navigation Menu Bar using HTML & CSS | CSS Media Query
HTML-код
- Опубликовано: 9 окт 2019
- Responsive Navigation Menu Bar using HTML & CSS | CSS Media Query
Download Codes From Here - www.codingnepalweb.com
Responsive Navigation Bar [ Hindi ]
➤ • How to Create Responsi...
My Code Editor - • Best Text Editor for H...
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Track: Jordan Schor & Harley Bird - Home [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Jordan Schor & Harley ...
Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release
Music provided by NoCopyrightSounds.
➤ Watch: • Rival x Cadmium - Seas...
Track: TULE - Fearless pt.II (feat. Chris Linton) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Lost Sky - Fearless pt...
Responsive Sticky Navigation Bar
Watch - ruclips.net/video/UHSeFxZIuv8/видео.html
There are no codes
Cross cut button is not appearing although I used your link from w3 font awesome 5 intro.... help
..please ...
Cross cut button is not appearing although I used your link from w3 font awesome 5 intro.... help
..please ...
Cross cut button is not appearing although I used your link from w3 font awesome 5 intro.... help
..please ...
ddr
bro i was stuck very badly in responsive nav bar. I tried many options but your video made my life easy. Great work bro. Thanks,
Well-done CodingNepal you did well. Your work is indeed very impressive and helpful to web designers. thanks😍
Thank you sir for this awesome video 🙌🙌.
We really liked the most this video ❤
I have learn many code in your tutorials,thank much code Nepal...real appreciate your work.
Thank you 💙
I yesterday discovered this channel and already watched two tutorials pretty well. It's really good but what worries me, you're a little fast to catch codes. If you pay attention this then it would be great.
Thank you so much for your comment. Next time I'll improve it.
Keep watching nd supporting ❤️
@ademyldzlanguages7867 You can slow down the play speed
After many try I decide it will not possible by myself but you make it possible. Thanks buddy👍
mind blowing bro good keep it up
Thank you so much sir ,really awesome work ....no one will support by giving there code for free to learn
i have never commented anyone personally in any website .This is my first comment for you because you deserve it.Most of the people share there knowledge for cost,Thank you once again
Very helpful , God bless you
Many many thanks to you
bro ur website is just awesome bro.....i copied few of ur codes from there nd use it in my project....literally u r the saviour
It's my pleasure
Awesome tutorial. Keep up the good work
Thank you.. Stay tuned 😁
thank you very much sir, you really help a lot!
Your welcome 💙
Its great using this video and adding our creativity we can do some more
Yes..keep learning
merci beaucoup, ca m'a fait gagner du temps.
this video was very helpful .....thank you so much
You're welcome!
thank you very much. this video, it helped me a lot
You're welcome... Stay tuned 😁
thanks
Thanks codingnepal. Your videos are really useful
You're welcome 💙
thanks bro, your contents is very usufull for all
Glad you think so!
Thank You So Much Sir ❤️
Very good. Thank you very much!
That's all i'm looking for! Thanks for sharing this. sucribed your channel'
Thanks for the sub!
Tanx bro❤
Thank you it really helpful 🙏
Thank you so so much, this is exactly what I need xd
You're welcome... Stay tuned 😁
Vlw cara, ótimo video!
thank you very much it's really great
Welcome :) keep watching
Awesome bro really appreciate 👌👌👌👍👍👍
Talent...❤️
i had no issues at all i dont know why people are complainig also by watching this vid fixed one of my recent pages bug
Glad to hear that 😁
thank you 👍
Thanks bro👍👍👍
Hello, how to 'overflow hidden' in media query? Because even though i used overflow hidden in my body when i got to the media query part it just wont work.
Thank you so much
Nice job dude! Noticed Font Awesome CDN has been reviewed. The W3 school code isn't working.
tq so much l learn a lot from you
You're welcome 💙
awesome
all your videos are awesome you deserve much more views ;)
keep up the good work and tysm
Thank you so much!
Thanks, awesome!!!
You're welcome 💙
thansk bro
Very Helpful..
Thank you :)
thank you
That's waht i was looking for. Is it posible to do this wiht fade animation instead of the slide?
Yes but it won't look attractive
nice tutorial bro.
Thank you... Keep watching
Amazing !!! But I cant found the code in your website :(
😍😍
Crack
bro how did you manage the checkbox to be perfectly placed on #button ....??? can u explain me here... ..... it was creative though.....
No i didn't manage the checkbox on perfect place.. I just gave the id name of checkbox to for attribute of label tag. So label tag can handle the checkbox means label can checked and unchecked the checkbox.
Very informative video
Thank you.. Stay tuned 😁
Cool video! Everything works fine except one thing. On mobile, when I click on a section the menu doesn't disappear automatically. I have to click manually on X icon. Could you help me? Thanks
Yes I didn't code for it... So you've to click on cross icon to hide navbar
@@CodingNepal could you help me to find a solution? Thanks
Wow superb
Thank you... Keep watching nd supporting ❤️
Awesome tutorial.
Thank you!
I am folllowinng ur steps..but that icons(#btn, #cancel) can't moving right side even i gave float right ...? could u help me plz
Contact here - instagram.com/coding.np
Interesting
Thank you 💙
Thanks
You're welcome 💙
Gracias!!
awesome dude
Thanks!
When i try adding ::before nothing shows below the , typed the same code you did, do you maybe know the reason why
okay i managed to get it shown on the screen, but the line's width when set to 100% covers the whole screen for some reason, and its not placed below a but way above
It is because I didnt set the 's position to relative, can you please explain why does it have to be on relative
Sorry I didn't understand... Send me your problems/codes on my Instagram account
Sir how I use marquee paragraph with this responsive navigation.
Please help me
looks very good so far, but i have an issue when adding ~ tilde symbol behind #check id. Nothing happens than. I don´t know how to continue, could you please help me?
Please check your checkbox id name and for attribute value of label and remember it must be same.
I i'm like you, even though id of checkbox and for attribute in label are the same, it doesn't work, how can I fixed that?
3:15 My codes do not work with this white under line part. Which other parts do I have to check if I have all "nav ul li a:before{ ..... } part just same as the video?
I got it after I imported the Sans font from google
I have the under line but now it does not do the motion...
Please send the screenshot of your problems on my Instagram account - instagram.com/coding.np
Super Cool Bruhhh
Thank you bro 💙
@@CodingNepal Welcome bro
1:27 there you added css code to star (*) but when i did the same it not working
please help
Bro im doing like you but when i clicking that menu links, after my click im in that link page but menu not closing automaticly.. i mean staying and not closing until i press close button... What to do?
Contact me on Instagram
Im facing same problem bro
You need add some JavaScript codes... Please contact on me Instagram and I'll do it for you.
Thanks for the info bro.. Im new on your channel. and a beginner... Didnt learn js so far.. If I need it in future ill gonna ask you and thank you❤
I have the same issue bro
Cross cut button is not appearing although I used your link from w3 font awesome 5 intro.... help
..please ...
Replace that whole line with this one:
Great video. What size is the logo? thanks
Let me check
Speed fast bro....but awesome work
Sorry for that
why the #check:checked ~ ul part doesnt work? " the menu doesnt open when i pressed the check bars"
You may did some mistakes.. Please recheck the codes.
@@CodingNepal oh yea, i typed something wrong hehe. thanks sir,
You're welcome... Stay tuned 😁
@@dumbneshberkelana can you tell me what's wrong? I need to know, because mine same too
Make one video on dashboard
Bro editing ur css code doesn't cause any changes.plz help me
I follow u since i watched ur first video
Plz do help me brother
Please contact me on my Facebook Page for further explanation - facebook.com/coding.np Thank you for watching my videos.
Bro I'm unable to find source code of this navigation bar
You may found similar like this right..? You can contact me on Instagram if you need source of this or download codes from my website that design is similar like this and only colors are different.
hi can you please show us reponsive carousal with Hero text and copy on it - thanks
Already made a video on it.. Please visit channel
Not working
- Not a single dropdown
- Doesn't close on a link click
- Doesn't close when clicking anywhere outside
Conclusion - not user friendly and sloppy.
Can you please tell me the name of your code editor name?
atom.io
My class fas fa-bars is not working..its not showing the buttons....help me please..
Make sure your system is connected with the Internet.
Do I need the: @import url('fonts.googleapis.com/css?fa???????')
kindly mention the font api path used.
Please check description link for codes.
How do you collapse the menu when you click a link?
I tried this method but I can't show the menu because I have the hero image on it. Please help me
Give z-index: 5 to navbar because image overlap the navbar and the navbar gone behind of this image.
@@CodingNepal ty sir, it helps me a lot, i was struggling with it :D
What is your website? I need those source codes.
Website link - www.codingnepalweb.com
Thank you
@@CodingNepal i didn't found the code there. Need help.
Hello, I'm unable to fix a padding-right for feedback when i drag my window from right to left, i tried % not working
Contact me on Instagram - instagram.com/coding.np
Kosley banako khatra xa
I have so I think followed the code exactly apart from using my own Jquery code but the hamburger does not seem clickable in mobile mode. Any Ideas where to look
Does hamburger menu is appear?
Bro código fuente por favor :(
can i use your code for my website ??
Yes you can use...
I didn't find the codes on the website. Could you send the direct link?
bro slowly🤐
I want overlap this menu, how i doi it? thx
Where you want to Overlap?
@@CodingNepal I have al slideshow in my page, but when i resize the project, the slideshow hidden the menu, how can i fix?
Give the z-index css property to menu i.e nav {
position: relative;
z-index: 999;
}
when press X pace not close and open =
Recheck the codes
i cant scroll why ?
What is transform origin and scalex()
The transform-origin CSS property sets the origin for an element's transformations and the scaleX() function is used to scale an element up or down, making it bigger or smaller, in the direction of the x-axis.
@@CodingNepal Thank you.
7:13
I replaced body in * place.and i get lost for 3 hour from 1 pm to 3pm .i can't find any mistakes.and finally i misplaced that *. Fck!!!!!!
Blue colour of link is not going away. Plz help
Remove # and put the url inside href attribute of tag.
Bi
Dude for real change the music, it makes my ears bleed
It's old video... Check out our new videos.
Just fine. But not drop down menu. :(
Here is the video of drop down menu - ruclips.net/video/Iyx_809qwoc/видео.html
@@CodingNepal thanks. I watched it but to be honest, i would like the dorp down menu with the style of this video. It looks more elegant and runs better.
Thank you.. Stay tuned.
Thank you sir for this awesome video 🙌🙌.
We really liked the most this video ❤
Thank you so much
You're most welcome