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.



Reply With Quote

Bookmarks