title: How do I hide NavBar of my website when using in mobile with reactjs?
body: <p>I'm building an website with reactjs and I want to achieve something like Instagram. So when a user access this website in pc they should be seeing navbar and if the user access it on Thier phone then they should be seeing bottom tab navigation and navbar should be hidden. I'm also attaching my design photo's of both desktop and mobile UI so you guys can have better idea. Also I'm not using any UI library just plain simple reactjs.<a href="https://i.stack.imgur.com/PT8vz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PT8vz.jpg" alt="Mobile UI"></a></p>
  
  <p><a href="https://i.stack.imgur.com/9gEGL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9gEGL.jpg" alt="desktop UI"></a></p>