Moving navigation under my header

  • Resolved P

    (@inkedkoi)


    12 years, 8 months ago

    Hello,

    I was wondering if I could get some help, figuring out how to get my navigation below my header image. I’m still learning WordPress, and for some reason I can’t figure out what section of code to move, to make the navigation go under the header image.

    Could someone please have a look?

    Thank you so much.

    https://penstrokes.net/

    the navigation, for some reason, is stuck behind the header image on the left.

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

  • Change everything from line 127 up to line 158 in your style.css with this:

    .menu
{
	font-family: georgia, Arial, sans-serif;
    	list-style: block;
    	margin: 0;
	align:left;
}

.menu-item a
{
	font-size: 30px;
	text-decoration: none;
	color: #200E37;
}
.menu-item a:hover
{
	color: #ffffff;
}
.menu li{float:left;position:relative;padding-left:20px;list-style:none;}
.menu li ul a:hover{color:#000}
.menu ul {display:none;position:absolute;top:100%;z-index:99999;}
.menu li:hover > ul, .nav ul li:hover > ul{display:block;}

    And then just style it how ever you want.
    Your problem was absolutely positioned header.

    Thread Starter P

    (@inkedkoi)

    Awesome, thanks! I was pulling my dreads out trying to pin point.
    Merci!

    Thread Starter P

    (@inkedkoi)

    resolving question

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Moving navigation under my header’ is closed to new replies.