+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: @media min/max working on desktop resize, but not on mobile (/showthread.php?tid=5755326)
@media min/max working on desktop resize, but not on mobile - Not Your Average Orange - Nov 19, 2017
Hello, so I've got this website setup for testing:
http://sneaky-mother.surge.sh/ (subdomain name was random)
If you look through my messy code (quickly compiled all files into an index.html) you'll see some media blocks. If screen height is < 740px, the nav bar is supposed to disappear, and a hamburger appear. It works on desktop, resizing the window. However on mobile, nothing happens. Can someone help me with this?
RE: @media min/max working on desktop resize, but not on mobile - ryan⚜ - Nov 19, 2017
Add this meta tag and it should work.
Code
<meta name="viewport" content="width=device-width"/>RE: @media min/max working on desktop resize, but not on mobile - Not Your Average Orange - Nov 19, 2017
(Nov 19, 2017 04:56 PM)ryan⚜ Wrote: Add this meta tag and it should work.
Code<meta name="viewport" content="width=device-width"/>
Thanks, works.