Edit Hamburger Menu

I was having a hard time trying to change the hamburger menu on a self-hosted WordPress site (not this one) from two lines to three. I have a navigation menu at the top that shows the names of pages on desktop view and the navigation switches to a hamburger menu on mobile. On the Framboise theme I’m using, the default is a two line hamburger menu like so:

hamburger menu with only two short horizontal lines. that is like a hamburger without the meat!

That looks like a hamburger without the meat! I used the browser inspector tools to find the html and then the CSS controlling the menu but couldn’t figure out what to change.

After much searching I had given up but finally decided to search again tonight and found the solution. The menu icon is easily changed in the block editing tools for the Header template. I am using a FSE (full site editing) theme so I figured it should be easy to edit — and it is! I had just overlooked where to edit. The page where I found the solution is linked to in the resources area below.

side bar block editor for header template

NOW I have a hamburger!


Related or Cited Resources:

Server Room Cable Management

I found a short video animation of patch panel cable management. This video is helpful to get an overview of the layout of cables in an organization with many networked computer, explaining how a patch panel is used to prevent cable clutter and confusion. The video shows the cabling from a computer on a desk to the wall jack, then from the back side of that wall jack running inside the walls and ceilings to a server room patch panel and from there to the switch.

The animation helps to show how patch panels fit in with networking devices like switches.


Related or Cited Resources:

  • Video linked above is from the PowerCert Animated Videos YouTube Channel. There is a sponsored bit within the video between the 3:15 to 4:35 minute mark.