HTML/CSS: Best way to make my nav bar responsive

I have been having trouble designing my Navbar to be mobile responsive and I wanting to know what is the best way to do it. I would like for it to come out on the side and have a darker background if that makes sense

I created a video a while back on how to do this, something similar but you can pick up on the skills.

Now I run a blog: