So i found this great article about mobile navigation and It basically answers everything i need it to except for one thing I can't figure out. I want to basically have a second level of navigation that when you hover/click on it it will push the other navigation and content down below the sub navigation links. When I have tried to do it it will look like this:
The look is generally how i want it but when I make it push the content down how I want it to it will open up every sub navigation and shift all of them instead of just the current one.
The link for the article i am referring to is below and if someone could explain how to add effectively add the next level of navigation that would be a huge help!
https://n8d.at/blog/pure-css-burger-menu#disqus_thread Here is a before and after of what I am trying to do. This is the bootstrap theme made by BindTuning. The menu style is the same as what I would look to do but using the SharePoints IDs and Classes.