Need help repositioning menu

  • Author
    Posts
  • #1036390

    therealroryo
    Member

    Hi all,

    my goal is to get my header and menu to look like this:

    http://mylipstickkitchen.files.wordpress.com/2012/10/layout.jpg

    I am able to use repositioning to get it where I want to go, but then the header covers the menu. I did the z-index thing to change it, but then the bottom of the circle gets hidden.

    My goal is to have the white of the circle visible as well as the menu. Any ideas? thanks!

    The blog I need help with is lipstickkitchen.com.

    #1036611

    Even if you were to adjust the z-index properly, the menu bar itself is black and if it’s on top of the header image, it will cover up part of the white circle of the logo.

    To get around that, you might update the header image to include a larger black bar so you can use that as the background for the menu and just lay the menu over the top of it with a transparent background.

    Here is an example as a start. Note that it will look funny until you update the background image to a new one.

    #menu-primary {
    	top: -44px;
    	z-index: 9;
    	background: transparent;
    }
    
    #menu-primary div {
    	float: right;
    }
    #1036619

    therealroryo
    Member

    designsimply, you are a rockstar. Thanks!!

The topic ‘Need help repositioning menu’ is closed to new replies.