где добавить код пользовательского заголовка в wordpress

Question

Ниже приведен код & это image, который я хочу добавить в заголовок (логотип в центре, 2 навигационных меню с каждой стороны логотипа). Here - это страница, где мне нужен центрированный логотип & nav, где бы вы поместили html-код, поскольку я не совсем уверен, куда он идет. Любые предложения высоко оценили

#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> 

Answer 1

ваш код кажется совершенно нормально. просто увеличьте свой padding-left от nav li: nth-child (3) в соответствии с размером вашего логотипа.

<style> 
#logo { 
    background:url(http://chrisspooner.com/themes/portfolio/wp-content/themes/portfolio/images/logo.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: 170px; 
} 
</style> 
<header> 
     <nav> 
      <ul> 
       <li>Home</li> 
       <li>Catalogue</li> 
       <li>Forum</li> 
       <li>Contact</li> 
      </ul> 
     </nav> 
     <div id="logo"></div> 
</header>