Removing the fixed colorful header from Hacker Noon story for more read space.

Hackernoon is my favorite source of knowledge about technology. I love reading Hackernoon story since Medium. However, the Hackernoon new site makes me harder to stay reading more stories before going to bed. It got a big bright green and yellow header on top of the story. At first, I think maybe I can scroll the page down and it will disappear before my sore eyes. I was wrong, it fixed over the page and it takes 20% of the readable screen.

At first, I just open inspect windows and delete the header element manually but more story I read it really painful to goes to the process every time. I’m thinking about what I used when Hackernoon was on Medium. I’m using a Chrome extension called “Make Medium Readable Again” (MMRA). It’s exactly what I looking for + It’s an opensource project. I can make the same extension for Hackernoon too.

It took me 30 minutes to selective copy source code from MMRA. In fact it just one block of statement I needed. Using injected CSS to hide the unwanted header on the site, ignore it on the front page, no option needed. I made the icon from screen capture the header and it’s meh, who care? I call it “Readable Hackernoon”. The result is good enough for me.

Before:

After:

For more features request and bug please tell me on the Github.

Download https://chrome.google.com/webstore/detail/bbaopcbihfmndeedafhcafpojpibkgic

Source code:
https://github.com/artiya4u/ReadableHackernoon