фиксированное наложение навигационных перекрытий

Question

У меня есть навигационная панель, которая фиксирована, но также в определенные моменты времени скрыта. Вот скрипка http://jsfiddle.net/edsm3g8o/ и пара_текст перекрывается nav_header. Я попробовал добавить padding-top в пару_текст, но когда nav_bar скрыт, он выглядит как много пробелов сверху.

<ul class="nav_header"> 
    <li class="three liMoreShopping" style="display: table-cell;"> 
     <a class="btnMoreShopping ui-link"><span>More Shopping</span></a> 
    </li> 
    <li class="three liCheckout" style="display: table-cell;"> 
     <a class="btnCheckout ui-link"><span>Checkout</span></a> 
    </li> 
    <li class="three liCart" style="display: table-cell;"> 
     <a class="btnCart ui-link"><span>Cart (1)</span></a> 
    </li> 
</ul> 
<div class="couple_text"> 
    <h3>Jane Doe, John Doe</h3> 
</div> 

Answer 1

Я уверен, что есть еще один (лучше?) решение, но если вы запуская появление/исчезновение навигационной панели с Javascript, может быть, вы можете изменить его, чтобы также переключить отступы, так что Безразлично Показывается, когда навигационная панель скрыта и не нужна.