Title: Header behond navigation
Last modified: August 21, 2016

---

# Header behond navigation

 *  [Jummul](https://wordpress.org/support/users/jummul/)
 * (@jummul)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-behond-navigation/)
 * I would like to design a header that has a ribbon in it, the ribbon will curl
   and end in the bottom part of the header image.
 * I want the navigation links to be on that ribbon. I believe the best way to do
   this is to move the navigation bar upwards on top of the header, right?
 * I have no css/classes/div skills whatsoever..

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-behond-navigation/#post-3907596)
 * If you have no skills, that’s going to be hard…but what theme are you using?
 *  Thread Starter [Jummul](https://wordpress.org/support/users/jummul/)
 * (@jummul)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/header-behond-navigation/#post-3907692)
 * Nevermind. Solved it myself with youtube tutorials and website tutorials. Pretty
   easy actually.
 * I watched this tutorial first:
    [http://www.youtube.com/watch?v=5oS0heHEQjw](http://www.youtube.com/watch?v=5oS0heHEQjw)
 * After I drew my ribbon I added the following to #subnav { (which is my themes
   navigation div)
    position: relative; top: -100;
 * Then I started adjusting the negative top value until it landed on my ribbon.
 * If it doesn’t, google for z-indexes.
 * The result?
 * [http://www.acupoflife.nl](http://www.acupoflife.nl)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header behond navigation’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [Jummul](https://wordpress.org/support/users/jummul/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/header-behond-navigation/#post-3907692)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics