hey guys
So I am becoming very frustrated in my search to find how to create a navigation bar that is responsive with sub-menu’s that does not use jquery. All my searches so far have only been done with jquery. Can anyone point me in the right direction
Go old-school, purely CSS. Eric Meyer wrote a great book series many many years ago, based solely in HTML and CSS, with a number of different projects - a photo gallery, a slideshow, a shopping cart, and yes, a navigation menu.
The menu itself, with dropdowns, can be found at https://meyerweb.com/eric/css/edge/menus/demo.html - as to how you might make the menu elements mobile-responsive, that would be more css.
For the record, that page was written in, I think, 2003, maybe '04, so it’s a little dated. The HTML and CSS still work, and are solid. Might be a great jumping-off point.
Point being, menus themselves don’t really require any javascript and/or jQuery.
@matt_b I had trouble finding responsive menus without jQuery or Javascript so I made my own using only CSS. Look at this codepen example. It may help you.
It is pretty easy to do with only CSS.