Creating a transparent menu on the header logo

[Christian Zumbrunnen]

I’d like to create a menu similar to the one shown above but am not sure how to go for it.

Would it be best to adapt the css for the “Navigation Position” / “Float Right” or a Header Widget Menu?

http://content.screencast.com/users/chzumbrunnen/folders/Snagit/media/757803c6-1a82-4970-96da-2efab6cce2be/2015-02-17_21-58-21.png

Any practical ideas?

[Tom]

In order to place HTML above images, you need to change the position to absolute.

Something like this may work:

@media screen and (min-width: 769px) {
      .inside-header {
            position: relative;
      }

      .main-navigation {
            position: absolute;
            bottom: 5px;
            right: 5px;
      }
}

Make sure the navigation is set to float right.

Let me know 🙂

[Author]

Posts