Якорная проблема с загрузочным верхним заголовком bootstrap

Question

У меня проблема с моим фиксированным заголовком, который покрывает контент в точках привязки. Я знаю, что есть Gazillion вопросы по этой теме на этом сайте, и после исследования использовали решение здесь:

offsetting an html anchor to adjust for fixed header

В целом выше решение прекрасно работает, однако, кажется, только правильно работать, когда прокрутки инициируется , Я установил заголовок .affix (bootstrap), как только прокрутка произойдет, но когда в верхней части страницы и заголовке находится .affix-top, вышеупомянутое решение не работает, и заголовок nav по-прежнему охватывает контент.

Кто-нибудь знает об этом? Я предполагаю, что это то, что сегодня происходит с тем, что мой макет является текучим и позиционируется, когда заголовок прикреплен вверх.

Сайт находится здесь:

http://staging.kmashworth.co.uk

благодаря

Answer 1

Как я хочу заголовок для крепления в любом случае я только position: fixed заголовок, а затем добавил padding-top: 120px (такую ​​же высоту, как заголовок) к элемент контейнера под заголовком, чтобы содержимое не было охвачено.

Не уверен, что это лучший способ сделать это, но работает нормально до сих пор.