For the mobile view, a nav menu toggles open and closed. When I toggle it closed and enlarge the browser window, the nav is hidden and I cannot get it to be visible unless I refresh the page.
I tried display: block and visibility: visible on the element, but it somehow gets overwritten.
Create a different nav element and have the original nav hide on a certain browser width, and have the other nav(mobile one) display when the browser reaches that mobile width. You would have to hide the mobile one when the page loads.
Maybe a little bit hacky but try display: block !important; on the ul (in the 768ish and up stylesheet) or whatever gets hidden, that should overwrite the js when the window is expanded back to non mobile view.
What @michaeljalmond said..while people frown on `!important`, that’s your easiest solution, because `display: hidden` is an inline-style created by the js, so just using `display: block !important` at your media query for large screens will overwrite the inline style.