mobile version of Yoast website

Just a quick question to see if people can help me out on a header design question I have.

I have just got a logo designed, which I am wanting to integrate into my blog, but I want to make it look good on mobile browsers as well as desktop browsers. The best website I have seen that accomplishes this is the Yoast website.

How does the Yoast website accomplish the 3 different states. I have looked at the site on my desktop web browser and resized the browser and it goes from the normal state, to the normal state without the Yoast logo, then it finally goes to the full blown mobile web view (small nav bar at the top).

How can this be achieved, or are there any plugins?

Thanks in advance for any help with a mobile site.

https://wordpress.org/plugins/wordpress-seo/