Поддержка Темы и шаблоны Дополнительный блок меню и контактов рядом с логотипом

  • Здравствуйте, не могу разобраться, как добавить блок рядом с логотипом, чтобы вставить туда контактные данные и дополнительное меню. Как на сайте — https://lider-avtocenter.ru.
    Пытаюсь добавить виджет, но он встает под логотипом. Спасибо заранее.

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

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • <header class="header">
    <h1 class="logo">LOGO</h1>
    <div class="forAddress">
    <p class="address">г.Ленинград, ул. Венедиктова, 61Б</p>
    <nav class="nav">
    <a class="link" href="#">О нас</a>
    <a class="link" href="#">Отзывы</a>
    <a class="link" href="#">Вакансии</a>
    <a class="link" href="#">Блог</a>
    <a class="link" href="#">Контакты</a>
    </nav>
    </div>
    <div class="forTelephone">
    <p class="service">Сервис: +7(4012) 55-55-55</p>
    <p class="body">Кузовной: +7(4012) 55-55-55</p>
    </div>
    <p class="schedule">Режим работы:<br> пн-пт: 9<sup>00</sup> - 19<sup>00</sup>,<br>
    сб: 9<sup>00</sup> - 16<sup>00</sup>, вс - вых.</p>
    </header>
    
    
    @import url('https://fonts.googleapis.com/css?family=Roboto');
    
    * {
      box-sizing: border-box;
    }
    
    /* 360-30-55 */
    
    html{
      font-family: Roboto, sans-serif;
      line-height: 1.6;
      font-size: 15px;
    }
    
    body{
      padding-top: 25px;
    }
    
    p{
      margin: 0;
    }
    
    .header {
      border-top: 2px solid silver;
      border-bottom: 2px solid silver;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      max-width: 980px;
      margin: 0 auto;
      padding: 15px;
    }
    
    .logo{
      font-size: x-large;
      margin: 0;
      padding-right: 15px;
    }
    
    .forAddress{
      padding: 0 15px;
    }
    
    .link{
      padding-right: 10px;
    }
    
    .link:last-of-type{
      pading-right: 0;
    }
    
    .forTelephone{
      padding: 0 15px;
    }
    
    .schedule{
      padding-left: 15px;
    }
    

    codepen
    или
    codepen

    Спасибо огромное то, что надо.

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Дополнительный блок меню и контактов рядом с логотипом» закрыта для новых ответов.