I am in the process of creating my very first responsive webpage. Following a desktop-first approach, I have designed a simple one-column layout that requires only one media query for mobile devices. To accommodate different navigation bars for desktop and mobile views, I have included both navs in the HTML code. The mobile navigation is initially hidden with "display:none" in the main CSS, ensuring it's not visible on the desktop version. In the media query, I hide the desktop navigation to make it disappear on mobile screens.
However, I'm facing an issue where I can't seem to bring back the mobile navigation when viewing the website on mobile devices. How can I reverse "display:none" in the mobile media query to make the mobile nav visible again?
(The webpage in question is located at )