Andreas (82MHz)Mar 3

New blog post:

Website Update: Links Page
http://82mhz.net/posts/2026/03/website-update-links-page/

#blogging #blog

Website Update: Links Page - 82MHz

Show threadIrgndSonDepp
@82mhz that Hamburger menu doesn't seem to be working. 🤔
Mar 3 at 6:47pmWeb
Show threadAndreas (82MHz)Mar 3
@irgndsondepp
I noticed it has some problems... I just copied the code from somewhere else, maybe that was not the best idea 😅
Show threadIrgndSonDeppMar 3
@82mhz when I added the posts to my blog today, I also looked at the mobile view and saw that the menu took uo unreasonable amounts of space. That's why I was hoping that I could steal your solution. 😋
Show threadAndreas (82MHz)Mar 3
@irgndsondepp
My menus look ugly too on mobile, and I thought the same about someone elses solution 😄
I'm not a CSS wizard, but I guess I gotta put in some actual work here.
Show threadIrgndSonDeppMar 4

@82mhz I did it, with help from

https://codepen.io/erikterwan/pen/EVzeRP

. I'll admit that I just copied a lot of stuff and adjusted it so it kinda fits my page. 😅

I'm terrible with CSS. And not all that good with HTML either. But I think it looks okay.

Pure CSS Hamburger fold-out menu

I came up with this idea to use the :checked selector to activate a hamburger menu. This is it, no js to toggle a class....

Show threadAndreas (82MHz)Mar 4
@irgndsondepp
Looks good! But that's a lot of code for a simple menu; don't know if I really want to go down that route. Maybe some other time. My CSS needs some cleanup anyway ;)
Show threadIrgndSonDeppMar 4
@82mhz I'm sure there's a better way to do it. My initial thought was that I'd just set a CSS rule that shifts the navigation elements from being in a row to a column, depending on the width of the display.
But it still took up a lot of space and I wasn't sure if I could wrap the existing navbar into a hamburger menu. So I added a duplicate and now I hide one or the other depending on the display width. 😅