HackerNoon is my fav blog about technology and computer geek stuff but It got a super distracted header and navigator on the webpage and make less readable space on the blog so I decide to get rid of it by making a Chrome Extension modify the web page.

My first attempt was injecting CSS on the page by detecting the CSS class on the page but now It using dynamically generated CSS class name. It is harder to use the static CSS class to hide the elements.

Now I'm using a single selector that finds the "header" tag on the page and just removes it from the page document. I am happy to able to read the HackerNoon article without the distraction.

Please find the Readable Hackernoon extension v0.0.5 at => Readable Hackernoon

Source code and issue report at => https://github.com/artiya4u/ReadableHackernoon