Перейти к содержимому


Шапка Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 status321

status321

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 446 сообщений

Отправлено 31 Август 2021 - 14:13

Добрый день.Помогите шапку сайта выравнять с лого,как на фото.

Прикрепленные изображения

  • Безымянный.png


#2 metry

metry

    Активный участник

  • Модераторы
  • 871 сообщений

Отправлено 31 Август 2021 - 17:36

Для внесения изменений зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:

@media all and (min-width: 320px) {
  .header .header-logo {flex-shrink: 0;width: 45px;display: flex;;padding: 15px 0;padding-top: 60px;}
  .header-main {padding: 15px 0;padding-top: 65px;width: calc(100% - 55px);/* display: flex; */}
  .header {position: relative;z-index: 22;display: flex;}
  .header-contacts .header-phoneCallback {width: 40px;}
  .header-contacts .header-phoneCallback-text { display: none;}
}
@media all and (min-width: 991px) {
  .header .header-logo {flex-shrink: 0;width: 45px;display: flex;padding-top: 30px;padding: 15px 0;padding-top: 30px;}
  .header-main {padding: 15px 0;padding-top: 30px;width: calc(100% - 55px);/* display: flex; */}
  .header {position: relative;z-index: 22;display: flex;}
  .header-contacts .header-phoneCallback {width: 40px;}
  .header-contacts .header-phoneCallback-text { display: none;}
}

@media all and (min-width: 1199px) {
  .header .header-logo {flex-shrink: 0;width: 45px;display: flex;padding-top: 30px;padding: 15px 0;padding-top: 30px;}
  .header-main {padding: 15px 0;padding-top: 30px;width: calc(100% - 55px);/* display: flex; */}
  .header {position: relative;z-index: 22;display: flex;}
}


#3 status321

status321

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 446 сообщений

Отправлено 01 Сентябрь 2021 - 07:02

Спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных