Tushar Chauhan<p>A question for my webdev friends:</p><p>I want to create a hamburger menu that kicks in on small screens, and does not move with page scrolling.</p><p>Is there a simple non-js way to achieve this ? I am using astro to generate HTML and CSS pages, and trying to keep it as static as possible.</p><p><a href="https://mastodon.mit.edu/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.mit.edu/tags/hamburgerMenu" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hamburgerMenu</span></a> <a href="https://mastodon.mit.edu/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.mit.edu/tags/astrojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astrojs</span></a> <a href="https://mastodon.mit.edu/tags/astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astro</span></a> <a href="https://mastodon.mit.edu/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.mit.edu/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.mit.edu/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.mit.edu/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.mit.edu/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>js</span></a></p>