Archived topic

Creating a transparent menu on the header logo

1 reply · Started by Christian Zumbrunnen on February 17, 2015

Viewing posts 1–2 of 2

February 17, 2015 at 1:04 pm #76060

Demo Navigation

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?

February 17, 2015 at 5:50 pm #76090

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 :)

This archived topic is closed to new replies.

Start building better websites today.