make navbar mobile responsive?

What do you want to have happen?

Whatever it is, you can use the same media queries, and/or new ones, and/or copies of existing ones to show two entirely different menus based upon a screen size threshold.

You wrote, "make navbar scale down and turn into the 3 bar symbol when the page size is smaller or on mobile or tablet", You cab set that via media queries*. But I'm curious. When the navbar is unseen, replaced by the 3 bar symbol, how will it be used to navigate the site?


*At the screen size that you consider 'too small' have the existing navbar display none and the 3 bar symbol display block. At the screen size that is 'big enough' have the 3 bar symbol display none and the navbar display block.

I was thinking of having it change to the 3 bar mobile menu icon for people who are looking at the site on mobile or tablets to conserve their screen space. Do you think that's something I shouldn't worry about? With the upswing of all these devices it always makes me wonder what to do.