Не срабатывает @media

[b7music]

Добрый день! Есть попап со списком городов.
Добавил в стили

@media screen and (min-width: 480px)
#ys-locator .popup .header_wrap{

    max-width: 50% !important;
}

Но не работает.
Так же пробовал здесь Для просмотра ссылки Войди или Зарегистрируйся
Сам код:
Для просмотра ссылки Войди или Зарегистрируйся
Подскажите, что делаю не так?

 

[prefer]

Как минимум нет отрывающей фигурной скобки { после
@media screen and (min-width: 480px) и соответствующей закрывающей }

 

[b7music]

Работает.
Теперь другая проблема.
Есть страничка Для просмотра ссылки Войди или Зарегистрируйся
На ней размещен компонент.
При нажатии на город, нет всплывающего окна с предложением выбрать. Но если установить разрешение <990 т.е.
@media screen and (max-width: 990px) {
то попап видно

При разрешении 991

При более чем 991 вообще не видно попапа. Подскажите, что делаю не так?

 

[machoman]

При более чем 991 вообще не видно попапа. Подскажите, что делаю не так?

У вас на блоке #mobileheader стоят классы visible-xs visible-sm, то есть показывать только при разрешении ниже 991. Уберите классы

 

[b7music]

К сожалению, эти классы убрать не получиться, иначе едет вся шапка, отображается сразу и мобильная и десктопная.
Может можно как то переопределить конкретно этот класс для моего div?
Т.е. мой попап в данном случае располагается в

.header_wrap visible-lg visible-md title-v3>.wrapper_inner>.pull-left col-md-1 nopadding hidden-sm hidden-xs search animation-width>.inner-table-block>.ys-popup popup header_wrap

.ys-popup popup header_wrap именно он.

 

[shake1]

Есть же выбрать, только выводится по другому.
Похоже нужно не только стили переделывать.
Найти где выводится это (скрин) и вывести вместо кнопки что слева вверху

Спойлер

Спойлер

 

[b7music]

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

 

[shake1]

Я вот о чем, например в консоли берем этот кусок кода
и вставляем вместо <div class="dropdown" style="display: block;">...</div>

Спойлер

Получается так

Спойлер

Вообщем заменить блок, где выводится узкий список на то что нужно

 

[machoman]

К сожалению, эти классы убрать не получиться, иначе едет вся шапка, отображается сразу и мобильная и десктопная.
Может можно как то переопределить конкретно этот класс для моего div?
Т.е. мой попап в данном случае располагается в

.header_wrap visible-lg visible-md title-v3>.wrapper_inner>.pull-left col-md-1 nopadding hidden-sm hidden-xs search animation-width>.inner-table-block>.ys-popup popup header_wrap

.ys-popup popup header_wrap именно он.

В общем, можно переопределить. Что-то вроде:

#mobileheader.visible-xs.visible-sm {display: block!important;}
#mobileheader.visible-xs.visible-sm .mobileheader-v1 {display: none!important;}

@media (max-width: 767px) {
    #mobileheader.visible-sm.visible-xs .mobileheader-v1 {
        display:block!important
    }
@media (min-width: 768px) and (max-width:991px) {
    #mobileheader.visible-sm.visible-xs .mobileheader-v1 {
        display:block!important
    }
}

Этот код не сработает, просто для примера логики.

С текущей структурой довольно проблематично и геморройно все переопределить. Поскольку попап с городами #nbs22-ys-locator фиксированной position, то его просто нужно вынести за пределы мобильного блока, а именно - на один уровень с #mobileheader.

 

[b7music]

Спасибо за ответ. Я правда ни черта не понял Я вынес этот блок в другое место, перелопатил java, php, css и вроде бы и работает так как я задумал. Подсказали на ру-борде. Этот попап рулится javascript'ом. И в частности там явно было указано какой именно блок открывать-закрывать и т.д. А так как у меня были одинаковые классы для одного и того же модуля, то при нажатии выводился попап в той области которая ближе к хедеру. Ессно мобильная шапка самая нижняя. Поэтому ничерта не выводилось. Поэтому пришлось лопатить скрипт.
Просто на боевом сайте еще не обновлял ничего.
Но если вы компетентны в битриксе, то добро пожаловать - Для просмотра ссылки Войди или Зарегистрируйся проблемы есть и будут всегда
тема closed.