Баннерная графика не будет заполнять контейнер быстро

Question

У меня есть страница на тестовом сайте, которую я настраиваю, очень похожая на ту же страницу на живом сайте.Оба сайта используют тему Divi, настроенную как дочернюю тему.Верхний баннер страницы должен динамически изменяться, чтобы оставаться внутри своего контейнера.На живом сайте это нормально, но на тестовом сайте это не так.

Сравните страницу живого сайта на

https://www.intechrahealth.com/product/fenfast-375/

со своим аналогом на

https://ab -intechrahealth.pantheonsite.io / product / fenfast-375 /

Обратите внимание, что на сайте "ab" верхний баннер продукта имеет статический размер и выигралНе заполняйте его контейнер, как он делает на живом сайте.

Я сравнил код и настройки макета Divi на обоих сайтах.Настройка макета Divi идентична на обоих.Однако на сайте "ab" в Chrome Inspector для этого изображения на отдельную таблицу стилей "style-cpt.css" ссылаются через неактивную родительскую тему.Похоже, что на сайт "ab", который отсутствует на живом сайте, накладывается таблица стилей нестандартного типа.Однако CSS в файле style-cpt.css в любом случае не имеет приоритета и зачеркивается в Inspector, поэтому независимо от того, удаляю ли я, изменяю или перемещаю эту таблицу стилей в активную дочернюю тему, результат никогда не меняется.

Я ищу помощи, чтобы отстегнуть.Что я могу сделать дальше, чтобы эти сайты согласились с отзывчивостью баннера?

Answer 1

ваш код

<div class="et_pb_row et_pb_row_0">
                <div class="et_pb_column et_pb_column_4_4 et_pb_column_0    et_pb_css_mix_blend_mode_passthrough et-last-child">


                <div class="et_pb_module et_pb_code et_pb_code_0">


                <div class="et_pb_code_inner">
                    <img class="productBanner" src="https://ab-intechrahealth.pantheonsite.io/wp-content/uploads/2017/02/fenfast-banner-new-1.jpg" alt="">
                </div> <!-- .et_pb_code_inner -->
            </div> <!-- .et_pb_code -->
            </div> <!-- .et_pb_column -->


            </div>

замените его на

<div class="et_pb_section et_pb_section_1 et_pb_fullwidth_section et_section_regular">




                    <div class="et_pb_module et_pb_fullwidth_code et_pb_fullwidth_code_0">


                <div class="et_pb_code_inner">
                    <img class="productBanner lazyloading" src="https://ab-intechrahealth.pantheonsite.io/wp-content/uploads/2017/02/fenfast-banner-new-1.jpg" alt="" data-was-processed="true">
                </div>
            </div> <!-- .et_pb_fullwidth_code -->


            </div>

Работает со мной отлично, посмотрите на изображение