Почему срабатывает media quiery когда он не должен срабатывать?

Question

[Петр Волханов]

Есть сайт, на которой есть такой CSS стиль:

@media screen and (min-width: 768px) and (max-width: 1023px){
        #top.page-id-122 #layer_slider_1 .avia-button:not(.avia-button-fullwidth) {
           width: 78px;
           min-width: 109px ; 
        }
        #layer_slider_1 .avia-button-wrap{
            width: calc(-50%);
            height: calc(-50%);
        }
        .main_menu{
            width: calc(-35%);
        }
        .avia-menu-text{
            padding: 0;
            margin: -7px;
            overflow: hidden;
        }
    }

Почему этот код срабатывает на моем ноутбуке 1366 пикселей ширина экрана?

Answer 1

[Alex]

У вас этот код в хедере выводится для всех случаев.

#top.page-id-122 #layer_slider_1 .avia-button:not(.avia-button-fullwidth) {
width: 78px;
min-width: 109px;
}

Comments

[Петр Волханов]

Alex нужно удалить этот код?

[Alex]

Евгений Привалов: Нужно выяснить вообще откуда он там берется. И уже тогда его удалять. Он ведь вам мешает.

[Alex]

Евгений Привалов: Можно не удалять, а переопределить для
@media screen and (min-width: 1024px)