Контент отсутствует под липким заголовком

На моем сайте есть липкий заголовок (положение: исправлено), который, как я понимаю из других сообщений, выводит заголовок из основного потока и может быть исправлен с дополнительным дополнением к телу. Однако в данном случае это не работает. Независимо от того, где я добавляю заполнение, основной заголовок содержимого и часть Para теряются за фиксированным заголовком.

Это только на главной странице и на экранах размером менее 692 пикселей. http://www.mindfulnessperth.com.au

Все остальные страницы в порядке!


html css header sticky
person Riddle    schedule 28.05.2015    source источник
comment
Вам нужно использовать медиа-запросы и отрегулировать отступы или поля или и то, и другое.   -  person Luís P. A.    schedule 28.05.2015

Ответы (2)


arrow_upward
0
arrow_downward

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

Если да, то внесите эти изменения в ваш custom.css на вашем wordpress.

    .home .site-header {top:0}

    @media (max-width:693px) {
    body {padding-top:150px} /* adjust it manually,depending upon ur browser width using media queries */
}
person Deepak Yadav    schedule 28.05.2015

arrow_upward
0
arrow_downward

Я просто нажал следующий элемент после позиции: фиксированный заголовок.

  @media (max-width:693px) {
      .site-inner {
       margin-top: 250px;
      }
    }
person Type-Style    schedule 28.05.2015