2015-11-22 3 views
1

Я пытаюсь вытащить его из контейнера, чтобы я мог сделать заголовок растягивать всю ширину экрана (я часами с ним возился без удачи, прежде чем реализовать контейнер препятствует этому). Вот HTML:Удалить заголовок из контейнера

</head> 

<body <?php body_class(); ?>> 

<div id="wrapper"> 

<div id="header"> 

    <div class="container clearfix"> 

     <div id="logo">   
      <a href="<?php echo home_url(); ?>" class="logo_img"> 
       <img src="<?php echo $of_option['st_logo_image'] ?>" alt> 
      </a> 
     </div> 

     <div id="navigation"> 
      <?php wp_nav_menu(array('menu' => 'custom_menu')); ?> 

      <?php if($of_option['st_responsive']) responsive_select_nav() ?> 
     </div>   

    </div> 

</div> 

ответ

2

Вам нужно научиться правильно структурировать макет HTML. Я отделил заголовок и положил его перед контейнером, чтобы они были независимыми.

#header {background: #eee; height: 50px;} 
 
.container {background: #ccc; width: 200px; margin: auto; height: 200px;}
<div id="header">Header here</div> 
 

 
<div class="container clearfix"> 
 

 
    <div id="logo"> 
 
    <a href="" class="logo_img"> 
 
     <img src="" alt="Logo here"> 
 
    </a> 
 
    </div> 
 

 
    <div id="navigation"> 
 
    PHP stuff here 
 
    </div> 
 

 
</div>

+0

Чтобы быть справедливым, я не писал код. Он был встроен в эту тему. Я внес свои изменения, но он все еще не работает. Он все еще только такой же широкий, как контейнер. – newsoul

+0

Боюсь, я не могу помочь вам, не увидев его вживую. Он работает для кода из вашего вопроса, но в живой версии есть что-то еще. – Shomz

+0

Адрес sheisbiddy.com Я выключу для вас режим строительства! – newsoul

Смежные вопросы