Поддержка Темы и шаблоны Кривой header со свойством position fixed

  • Всем привет. Уже пару часов сижу с header сайта. Не могу найти, как выровнять наравне с body? Подскажите пожалуйста. Использую свойство position: fixed; — из-за него эта проблема. Без свойства z-index: 1; шапка вообще съезжает влево.

    Выравниваю её в редакторе — она стоит наравне с body (я так вижу в редакторе!), открываю в режиме инкогнито — ровно, а с другого компьютера — криво (съехала вправо). Что-то подсказывает, что шаблон нужно править, не?.. Подскажите, пожалуйста, направление работы.

    Вот такой код использую:

    .site-header{
    padding: 0 5px 0 5px;
    border-radius: 0;
    background: linear-gradient(#990134,#990134);
    max-width: 950px;
    margin: 0 auto;
    position: fixed;
    z-index: 1;
    top: -55px;
    left: 197px;
    width: 100%;
    }

    • Тема изменена 5 лет, 4 месяца назад пользователем hfccbz95.
    • Тема изменена 5 лет, 4 месяца назад пользователем hfccbz95.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Надо было вопрос немного по иному сформулировать: Как настроить симметрию между header и body во всех браузерах, где копать, в каком направлении? Скорее всего так должен звучать вопрос.

    position: relative;
    max-width: 950px;
    margin: 0 auto;

    left: 215px; убрать

    Спасибо, сделал по вашему, так и оставлю. Полдня просидел с кодом. Вообще, не так просто настраивать Вордпресс как я думал изначально :)) Ну, есть над чем работат.

    Вообще, не так просто настраивать Вордпресс как я думал изначально

    Это к настройкам ВП вообще не относится. Это css.

    Да, это имел в виду. Как раз сейчас с этим самоучителем работаю.

    • Ответ изменён 5 лет, 4 месяца назад пользователем hfccbz95.
    • Ответ изменён 5 лет, 4 месяца назад пользователем hfccbz95.
    • Ответ изменён 5 лет, 4 месяца назад пользователем hfccbz95.
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Кривой header со свойством position fixed» закрыта для новых ответов.