Where to add custom header code

[webgirl20]

Hello,
This is the code & image that I want to add to the Genesis sample theme header(logo in center, 2 nav menus on each side of logo). I cannot post a link as the site is not live.
Where would you put this code as I am not quite sure where it goes.
Any suggestions greatly appreciated

#logo { 
	background:url(images/tigerPawsLogo87x87.png) no-repeat;
 	background-size: 87px 87px;
	 width: 87px;
	 height: 87px;
	 position: absolute;
	 top: 20px;
	 left: 460px;
}
  
header {
        width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

nav li{
	display: inline-block;
	padding: 40px 30px 37px 0;
}

nav li:nth-child(2) {
	padding-right: 20px;
}

nav li:nth-child(3) {
	padding-left: 20px;
}  

 <header>
		<nav>
			<ul>
 				<li>Home</li>
				<li>Catalogue</li>
				<li>Forum</li>
				<li>Contact</li>
			</ul>
		</nav>
		<div id="logo"></div>
	</header>

[SavvyJackie]

Hi,
Do you have a screenshot you can share of what the design is supposed to look like? Are you going to have two separate menu areas with the logo in the center of them?

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[Author]

Posts