New Layout

21 Mar 2024 | ~2 minute read

I recently wrote about how I was thinking about a new layout on this site. After taking some time to think it through, I've now published it.

I've never been totally happy with the menu being at the top, so I wanted to use the extra horizontal space that laptop/desktop screens offer these days by implementing a sidebar layout.

I threw together a quick mock-up, which looked like this:

New layout mockup

My first attempt at implementing a sidebar was pretty much exactly the same as the mock-up above. It was sticky, so stayed on-screen at all times, but the result of this was that the content felt cramped as I scrolled down a page's content.

So I went back to the drawing board, and decide to emulate my notice boxes on the sidebar to make it a little more interesting and a little less imposing.

Here's what it looks like:

New layout screenshot

I really liked this, but transitioning to mobile and smaller screens was wonky. The sidebar would end up taking up around half the screen on smaller screens, before it wrapped below the main content. Then I had buttons to jump around the screen between the wrapped nav menu, and the top of the page.

It worked, but it was a little awkward, so I decided to change things up and do away with the sidebar on smaller screens in favour of a more traditional hamburger menu:

How the new layout looks on mobile
The new mobile menu expanded

I think the new sidebar layout works well, but there may well be bugs with the site as a result of making such large changes. If you do notice any weirdness, please let me know by using the reply link below.

Finally, I'd just like to thank Robb Knight for previewing my new layout and providing some feedback on the new look.

← The one before
Update on Eric the Eel

Up next →
House of Assassins

Get in touch!

Receiving emails from my readers is my favourite thing, so if you have something to say, feel free to drop me an email or sign my guestbook.

Want more content?

Say no more, dear reader. Here's three random posts from this blog for you to peruse:

The New Mycroft Mark II
12 Jul 2021

The Sandman: Act II
18 Jan 2024

02 Feb 2024

Want to be informed when I post new articles? Simply enter your email address below and you will get an email whenever new posts are published.

Alternatively, you can subscribe via RSS instead.

Enjoyed this post?

I put a lot of work into maintaining this site and I really enjoy interacting with my readers.

My fuel of choice is coffee, so if you did enjoy this post, or found it in any way useful, I'd appreciate more fuel to keep me going. ❤️

Buy me a coffee