Проблема с div'ами и ul меню

[genuine92]

Привет всем! Помогите решить проблему.

 

http://codepen.io/anon/pen/jVBmaP вот накидал пример. в блок c id header (у которого есть фон) помещеню ul меню. В медиазапросах указано что при достижении такой-то ширины убрать логотип. Лого удаляется, но вместе с ним и само меню, т.к. оно также находится в div id="header". Вынос меню за пределы дива ничего не дал. Напротив появился разрыв между блоком #content и шапкой. Помогите решить проблему! Или чтобы не было разрывов между блоками когда меню находится вне блока див с ид header, либо чтобы после исчезновения шапки с логотипом, менюшка оставалась однако при этом смещалось вверх и весь остальной контент тоже.

[radioactive]

фон вижу, логотип не вижу

/* Убираем верхний логотип */
@media(max-width:442px)
{
  #header{
    background:none;
    height: 67px;
  }
  .header-link{
    display:none;
  }
  .toggleMenu{
    top:0;
  }
  nav{
    /* background: url("") no-repeat center; */
  }
}

фон меню допилите в код указанный выше

также рекомендую использовать css спрайты
и рекомендую ознакомится с этой темой в частности с первым пунктом по css
 

Edited November 21, 2016 by radioactive