экран @media и (min-width: 1026px) не работают на указанной странице c - PullRequest
Новая
       6

экран @media и (min-width: 1026px) не работают на указанной странице c

0 голосов
/ 02 апреля 2020

Заголовок "Kasse" не отступает до максимального значения 1140px в настольной версии. Вот страница, где она не работает: https://www.paastoa.com/kasse/ (Вы должны положить один товар в корзину, чтобы увидеть страницу, поэтому сначала откройте эту ссылку: https://www.paastoa.com/?add-to-cart=2651 и затем нажмите кнопку «Weiter zur Kasse»)

Вот пример страницы, на которой он работал (с тем же CSS): https://www.paastoa.com/forum/intervallfasten/

И это код для ".site-main" -класса, который является родительским классом для ".header" (в котором заголовок страницы): 

@media screen and (max-width:1025px) {
    .site-main {
        max-width: 1140px!important;
        padding: 10px 30px 50px 30px!important
    }
}

@media screen and (min-width:1026px) {
    .site-main {
        max-width: 1140px!important;
        padding: 50px 0 50px 0!important
    }
}

Спасибо за ваш помочь, и если вам нужна дополнительная информация, не стесняйтесь спрашивать.

1 Ответ

1 голос
/ 02 апреля 2020

Я нашел этот элемент со встроенным стилем, вы должны удалить стиль из элемента. 

<section class="elementor-element elementor-element-4db61fc1 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="4db61fc1" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}" style="width: 1583px; left: 0px;">

И вот исправление для вашего CSS

@media screen and (min-width: 1026px) {
    .site-main {
        max-width: 1140px!important;
        padding: 50px 0 50px 0!important;
        margin: 0 auto;
    }
}

.elementor-1137 .elementor-element.elementor-element-4db61fc1 {
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 50px;
}
...