mainy sirf is liye subscribe kiya hai q k itna acha code milla hai mujhy or wo bhii free to is liye ek subscribe to banta hai. Lekin hats of jo mehnat hai apki love you from Pakistan brother!
Is it possible to do a version of the css for this header, I will I just get stuck a lot and get.. disheartened with no teacher it’s difficult. But your videos to study and learn from is a positive ♥️ now I just need to work out a few things I don’t get yet..
Currently, when clicked on the menus it opens the submenus and when click another menu it again open the submenu but How to close rest of the opened dropdown submenus while clicking one of the menu?
You may did some mistakes on codes.... Download codes from here - www.codingnepalweb.com or contact me Instagram for further help - instagram.com/coding.np
I have 2 questions: How the pages for each menu option will open. 1) For each page do I have to write the menu? 2) If the answer to 1 is no, then where in the code do I insert the page content? Thank you Marcos São Paulo/BR
thank you so much this tutorial is pretty amazing and I loved how you always referenced what you were styling by going back to the html page and clicking on it for us to follow along... I'm not so great with JS yet is there a work around to make it work with css where the menu does not hide but the dropdowns can be displayed when you click
Hi Mr. Very nice. I have just one doubt, When I clicked over a submenu option, one of the menus remains selected. How can I remove when clicked above other option menu?
how do you link the html pages of the submenu without collapsing the submenu after getting directed? for example i clicked on Features > Pages, the dropdown "Features" is open on the main page, when i get directed to the "Pages", the sidebar menu should be open and the Features dropdown should also still be open while it is highlighted as it is active.
Hi, is there a video explaining how to create input forms after clicking on the some sidebar menu? great video by the way, i followed your step and i could achieve the same sidebar menu, keep it up please.
Hola, no me funciona el botón de salida. Me dice que el objeto no se encuentra localizado. Ya verifique que la ruta se encuentre en ..procesos/salida.php. lo coloque el href de la etique a. ¿Cuál podría ser el error?. Erro 404.
I want to make background blur when sidebar opens and then remove background blur when sidebar closes and I want to close the sidebar when clicking out side it, can you help pls
Grear utulity and nice video.. How do i change the fonts for the menu options. Fo instance there is a mandatory to use system fonts like Arial in the company. If i change the style ".Sidebar .text" for Arial font its not working..
Hi, Thank you for the superb video. If I add some content in the content area and the page is not scrolled up and down. please let me know how to resolve it?
First add overflow: scroll; and the sidebar has also position: fixed; so your page isn't scrolled... Change the position of sidebar to position: relative; .. You can contact me on Instagram for further help - instagram.com/coding.np
i have written all the code but when i seeing ti on browser only menu icon is coming and when i am clicking on it it is only sliding and showing up my menu
bonjour, Merci d'abord pour la video, cependant, je n'ai pas compris d'où est sortir le menu 'berger' vers la fin. Ensuite, comment on peut faire pour placer le menu verticalement?
Thank you for your great video! but i have a problem when i click .feat-btn, it does toggle but after 1 sec the page refresh itself automatically. How can i solve this?
I used this code, but this overrides the other css properties. How can we have two css linked to a single html page without overlapping. Adding the sidebar makes a lot of changes to my original css
Bro I was walking with you step by step, but when I’m clicking the caret-down the hidden ul isn’t showing. The only thing I didn’t understantd is the show we added after feat-show.show, where did the .show came from?
Bro video too musst hai lekin background music ke bazaie khud coding ka description de too mujhe thoodi kam problem hogi bus yehe request hai bro baaki video to musst hai yar
I'm facing a problem with the font awesome icons and its style properties. Could u plz help me. And also please provide me the font awesome js link. I didn't get anything like this.
Instead of sub menu text I inserted svg files icon, which sowing properly in chrome and Microsoft eade, but in Firefox and internet explorer submenu showing blank
Nowadays font awesome CDN link/script that I provided not support so your icons may not be showing. Just replace that line no.8 script tag with this
where to replace this code? is it complete?
Sorry but im a newbie.
Aagain it's not working now
mainy sirf is liye subscribe kiya hai q k itna acha code milla hai mujhy or wo bhii free to is liye ek subscribe to banta hai.
Lekin hats of jo mehnat hai apki love you from Pakistan brother!
Followed it step by step checking myself every few lines/change, works great and learned a lot.
Thank you 😁
Literally I m searching this tutorial for many days
And finally get this perfect one 👌
Just one word for you dude
#Awesome
Thank you so much 😀
I very much see an artistic approach with that Hover effect mr designer
You are doing very good social work for poor devs like us. thanks a lot.
You're welcome... Stay tuned 😁
This is the best sidebar tutorial I've ever seen!! And with the source code! subscribed! You deserve a lot more subscribers
Wow, thanks!
@@CodingNepal how use it like template ? What is it I need?
Hello...my .sidebar toggleClass is not working...after clicking on bar they are not showing sidebar menu...plz help me
You may did some mistakes please download codes from description link and check it with your codes.
Yes I corrected@@CodingNepal
I want to add sidebar and navigation bar on same page...plz guide me for this if you can@@CodingNepal
That was awesome to watch. Can’t wait to build one!
Have fun!
These are truly inspirational keep uploading please.. you are fielding me to keep learning
Thank you 💙😁... Keep learning.
Is it possible to do a version of the css for this header, I will I just get stuck a lot and get.. disheartened with no teacher it’s difficult. But your videos to study and learn from is a positive ♥️ now I just need to work out a few things I don’t get yet..
Song name?
Song name link is in description... Yes it is possible to styling elements in html file using tag inside tag
thanks for sharing such an amazing video
Glad you enjoyed it!
that part of the arrow didn't work for me :( But I'm working! Thank you man! The best video!
thank you for the wonderful lesson i watch i hope you got more blessings to come thank you have a great day always!
Thank you too
Learned so much in this video! thanks for sharing.
So glad!
Currently, when clicked on the menus it opens the submenus and when click another menu it again open the submenu but How to close rest of the opened dropdown submenus while clicking one of the menu?
You may did some mistakes on codes.... Download codes from here - www.codingnepalweb.com or contact me Instagram for further help - instagram.com/coding.np
arey fellow nepali boro good job hai keep going
Thanks bro
I have 2 questions:
How the pages for each menu option will open.
1) For each page do I have to write the menu?
2) If the answer to 1 is no, then where in the code do I insert the page content?
Thank you Marcos São Paulo/BR
Good job. Kindly do a video with both the top navbar and the sidebar.
Just watch our navbar videos and changes some codes.
i clear some problem to this video sir thank you
You are most welcome
HI there! I have a question, how would you implement a scrolling bar in the sidebar menu? Thanks!
Just put this...
.sidebar{
overflow: scroll;
}
If this not work... Please contact me on Instagram and I'll do the codes of this and send to you.
@@CodingNepal can you please send me the code
thank you so much this tutorial is pretty amazing and I loved how you always referenced what you were styling by going back to the html page and clicking on it for us to follow along... I'm not so great with JS yet is there a work around to make it work with css where the menu does not hide but the dropdowns can be displayed when you click
Hi Mr. Very nice. I have just one doubt, When I clicked over a submenu option, one of the menus remains selected. How can I remove when clicked above other option menu?
WOW
Uploaded 29 March 2020...
I'm here on 29 March 2021
lmao
😍
i like your videos and i learn also.
Thank you 💙
@@CodingNepal hello sir i need ur help, sir i want to make mlm web so how to make this site with logic. Plz help me sir.
I didn't even know about jQuery, but adding jQuery link and using javascript like that way i got that jQuery is nothing but just a short-hand
how do you link the html pages of the submenu without collapsing the submenu after getting directed? for example i clicked on Features > Pages, the dropdown "Features" is open on the main page, when i get directed to the "Pages", the sidebar menu should be open and the Features dropdown should also still be open while it is highlighted as it is active.
Thank You so much for creating this video....It helped a lot...
You're welcome.. Stay tuned 😁
Useful video. using HTML side menu can we create data entry module and data should save in google sheet.
Sorry I don't know about it
Hi, is there a video explaining how to create input forms after clicking on the some sidebar menu? great video by the way, i followed your step and i could achieve the same sidebar menu, keep it up please.
Very helpful! Thank you so much!
Glad it was helpful!
Excelente video, gracias por el gran aporte
Hola, no me funciona el botón de salida. Me dice que el objeto no se encuentra localizado. Ya verifique que la ruta se encuentre en ..procesos/salida.php. lo coloque el href de la etique a. ¿Cuál podría ser el error?. Erro 404.
Hi, I have a Question: how do you get the content to slide over too, when you push the menu button?
There i used input checkbox and label.
@@CodingNepal Thank you🙂
You should put in the title of this vid that you are using JQuery as one of the techs
I want to make background blur when sidebar opens and then remove background blur when sidebar closes and I want to close the sidebar when clicking out side it, can you help pls
amazing background music,
and video also
Thank you 💙
Grear utulity and nice video..
How do i change the fonts for the menu options. Fo instance there is a mandatory to use system fonts like Arial in the company.
If i change the style ".Sidebar .text" for Arial font its not working..
You've to use font-family css property to change font.
5:57 how did you get the hover sound :))
useful tutorial, I hope it responsive too
Here is responsive sidebar video - th-cam.com/video/c5kWKnESUjY/w-d-xo.html
i'll appreciate if you write jquery instead of javascript on the title, because its confusing and both things aren't the same
I apologize for that.
Hi, Thank you for the superb video. If I add some content in the content area and the page is not scrolled up and down. please let me know how to resolve it?
First add overflow: scroll; and the sidebar has also position: fixed; so your page isn't scrolled... Change the position of sidebar to position: relative; .. You can contact me on Instagram for further help - instagram.com/coding.np
Thank U for this nice tutorial. Is it also possible to let the sub menu slide down smoothly?
Yes it's possible.
pls answer my question , what app u used? D;
i wanna try to use it
I'm using Atom.. Here is the video - th-cam.com/video/55VjXTeYkTE/w-d-xo.html
i have written all the code but when i seeing ti on browser only menu icon is coming and when i am clicking on it it is only sliding and showing up my menu
bonjour, Merci d'abord pour la video, cependant, je n'ai pas compris d'où est sortir le menu 'berger' vers la fin. Ensuite, comment on peut faire pour placer le menu verticalement?
Can you please make a responsive megamenu .
Btw, Great Content.
I'll make video.
@@CodingNepal Thank you So much
good but my question is that. side bar active show as block when i click then side bar hide?
I didn't understand
how i send screen short of this site email? fb link?
Is there any way to put an with a source in white body area?
Yes...you can use any other on the white space like video, images etc.
Can you explain to me why the links are only colored when the a href="#"?
Which software u r using for coding
Atom.. I've made a video on it - th-cam.com/video/55VjXTeYkTE/w-d-xo.html
@@CodingNepal thanks👍
i wanted to ask
how can i insert an image next to my sidebar????
because i dont really get it on how to do it
Watch this - th-cam.com/video/V0O4pY2xX10/w-d-xo.html
Ok, I get it now, thanks so much
Thank you for your great video! but i have a problem when i click .feat-btn, it does toggle but after 1 sec the page refresh itself automatically. How can i solve this?
Have you downloaded my codes?
No, i haven't. I wrote all code just like in your video.🥺
Now download my codes and check where you did mistakes.
Thank you, I found my issue because i forgot to put # in href. :)
How to add these JS scripts in wordpress i'm using wp and this script is unable to run ->caret btn
please give the solution
Just add this script tag before the end of body tag
I have a question can you talk me answer??
I used this code, but this overrides the other css properties. How can we have two css linked to a single html page without overlapping. Adding the sidebar makes a lot of changes to my original css
Hi,there.I can’t see the full import url in the video.can anyone type it to me.I’m just a beginner.I don‘t know if it is necessary for the Js file.
I saw that you write a JQuery function for both dropdowns. isn't there a way to write a single function for both?
Single function will open both Drop-down at same time. So I created onclick function for each dropdown.
Can you post videos for courses? HTML and CSS
i like your answer
Bro same style ma tara side bata nabayera mathi bata launa mildaina ? Yeso bandim na bro
Milxw bro... Mero navbar videos herw... Sikihalxau.
Bro I was walking with you step by step, but when I’m clicking the caret-down the hidden ul isn’t showing. The only thing I didn’t understantd is the show we added after feat-show.show, where did the .show came from?
Same
I have the excact same problem
did you fint the answer yet?
JQuary not relevant these days. Anyhow great content. Thanks
Yes.. Don't forget to watch our other videos
Bro video too musst hai lekin background music ke bazaie khud coding ka description de too mujhe thoodi kam problem hogi bus yehe request hai bro baaki video to musst hai yar
Ok I'll do it.. Stay tuned bro.
Great videos
Thank you 💙
Hlw, I need this code...when I click on download button, it said that Maintenance mode is on...
You can get source codes here codingnepalyt.blogspot.com
@@CodingNepal thanks a lot
Code have an error... if I add many menus in sidebar that menus at bottom becomes invisible please correct it
Add this code on css file:
body, .sidebar{
overview: auto;
}
If this won't work contact me on Instagram.
I message you on instagram..still it is not working@@CodingNepal
Thanks it is very helpful
the @import url in the css part, it's not complete. what's the full code of it?
That is google font link. You can add there any fonts. If you want it then contact me on Instagram.. I'll send you code.
is it possible to open this sidebar in right side of the page?
this is great but as a newbie im overwhelmed afff
How can i make the menu displayed from beginning?
when is your website going to be available ?
but why did u use $ on the js? mine doesnt work
can you make the main menu shrink when the side bar appear, thanks that would be so helpful
Sure.. Stay tuned 💙
I'm facing a problem with the font awesome icons and its style properties. Could u plz help me. And also please provide me the font awesome js link. I didn't get anything like this.
You can get source codes download link in the description.
I am using these code in nuxt so in click how i use javascript in this?
Hello there, I`m trying to implement this in my project but I'm using Angular 8 and unfortunately is not working. Can you help?
Send me your code here - instagram.com/coding.np
CodingNepal ok I’ll send to you thanks
me too, i want to implement it into my angular project but this is so confusing @@
Good day! I use this on my project. It's cool but it always overlaps my main content. can you help me how to solve this? thank you so much!
Give z-index to your content.
Hey there , I am facing issue with the submenu! i need help!!
Contact on me Instagram - instagram.com/coding.np
how to close previous dropdown menu when clicking another dropdown menu?
the /f00d cross is not working, could you help?
Make sure you've linked font awesome and you're connected to the Internet.
I liked it very much
Thank you.. Stay tuned 😁
how can you do this?
left side coding & right side result at a time???
span function not working in my computer why?
Thanks for sharing!
Thanks for watching!
good
Thank you 💙
where are you from?
hey, nice video but I need some help with the code to open the submenu.
How can I help you?
@@CodingNepal nevermind, It's fixed. Ty anyways
Instead of sub menu text I inserted svg files icon, which sowing properly in chrome and Microsoft eade, but in Firefox and internet explorer submenu showing blank
Maybe they aren't support.
@@CodingNepal ok
what is the full @import url in css?
Here it is: @import url('fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@@CodingNepal thank you 😀
I wish someone would teach me to work so well with CSS and HTML :С
No one will teach you. You have to learn by yourself by watching videos, blogs.
@@CodingNepal I am much better at programming, for example, Javascript, PHP, Other Backend Languages, but with web design trouble
@@fallecido5893 php is more easy
@@kelali i know, i prefer backend
How do I add opacity to this menu?
use opacity property in css
It's nice but background sound is annoying
Thank you! Good!
You're welcome.. Stay tuned 😁
how to set only one menu open, it one open, other menu is close
Great absolutely great
i hope you make to drag and drop file to the area.
Ok
@@CodingNepal Thank you so much, sir.
Nice guide, thx
I have done everythins according to the video but why submenu dosen't work?
u are great....
excelente trabajo pero lo triste es que el autor perdio la voz....
thank u bro ;)
Welcome 😊