Hide and show title area or logo on hover in Genesis Sample

This tutorial provides the steps to Hide and show the title area or logo on hover in the Genesis Sample.

Here are two different possibilities.

TYPE 1. Show the logo by default (using CSS) and hide it when hovered and show the default title area contents(Title and description).

TYPE 2. Show the title area which is default and hide it & show the logo when hovered.

We can achieve this simply by targeting .title-area with :hover selector.

Here how we can do it.