Исправить вёрстку шапки

@autobleskspb · Регистрация: 16.11.2020

Author24 — интернет-сервис помощи студентам

Здравствуйте.
Внутренние страницы сайта по типу https://polirovka-spb.ru/nashi... z-pokraski некорректно отображаются на мобильных телефонах. Как выглядит, прошу посмотреть во вложении.

Помогите отредактировать, а то сам не могу понять, в чём там проблема. Программист не отвечает.

Сам код этого элемента следующий:

Код

<div class="banner-2">
     <style>
         .banner-txt-3{
            background-color: #96b235;
            padding: 8px 23px 8px 20px;
            color: white;
            font-size: 48px;
            margin-bottom: 11px;
            position: absolute;
            top: 7em;
            margin-top: 25px;
         }
         .banner-txt-4{
             color: white;
             font-size: 22px;
             line-height: 1;
             display: inline;
             border-bottom: 4px solid #96b235;
             position: absolute;
             top: 16em;
             padding: 3px 0px 4px 220px;
         }
         .banner-2{
             background-image: url(../img/fon.jpg);
             background-repeat: no-repeat;
             background-position: left top;
             padding-top: 32px;
             padding-bottom: 34px;
             margin-top: 0px;
}
         }
     </style>
     
      <div class="contain">
        <div class="banner-2-wrap">
          <div class="banner-2-l">
            <div class="banner-2-txt-1">Ваш автомобиль будет выглядеть</div>
            <div class="banner-2-txt-2">как новый</div>
          </div>
            <div class="banner-txt-3">Акция!</div><br>
            <div class="banner-txt-4">
           [[#1.tv.action_text]]  
            </div>
                    [[$form_baner]]
        </div>
          </div>
        </div>

Очень прошу помочь.

С ув. Павел

	16.11.2020, 15:24

Опции темы