Невидимый блок над главным меню

@betirsolt · Регистрация: 22.03.2015

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

Всем привет, есть сайт i-took.ru на dle, адаптивный шаблон, шаблон переделываю под себя, но возникла проблема с которой не могу справиться, на мобильном разрешении над главным меню стоит невидимый блок авторизации юзера, но мышка видит этот блок и при попытке нажать на одном из пунктов главного меню нажимается ссылка или кнопка из невидимого блока, пытался решить через display, z-index, не получается у меня, пожалуйста кто нибудь гляньте и подскажите мне в чем дело и как решить, буду очень благодарен

@Fedor92 · 21.04.2016, 11:44

CSS
1
2
3
@media screen and (min-width: 320px) and (max-width: 1024px){
      .modal-footer{display:none}
}

@betirsolt · 21.04.2016, 12:29 **[ТС]**

Мне нужно добавить этот медиа запрос?

@Fedor92 · 21.04.2016, 12:30

betirsolt, ну да... Вы же хотите убрать этот блок на моб. устройствах или я сути вопроса не понял?

@betirsolt · 21.04.2016, 12:33 **[ТС]**

не помогло((( да хочу, но при нажатии на кнопку "Войти" это окно должно появляться

@Fedor92 · 21.04.2016, 12:38

Сообщение от betirsolt

не помогло(((

Помогло...

Но, если окно всё-таки должно появляться надо юзать отрицательный z-index вместо display:none...

@betirsolt · 21.04.2016, 12:47 **[ТС]**

вот этот невидимый блок в main.tpl

HTML5
1
2
3
4
5
6
7
<div id="myModal" class="modal fade mobsize">
         <div class="modal-header">
            <a class="close" data-dismiss="modal">&times;</a>
            <h4>ВАШ АККАУНТ НА САЙТЕ</h4>
         </div>
         {login}
      </div>

как видно там нет класса .modal-footer, а если его прописать то оформление этого окна рушится

Добавлено через 3 минуты
вот как я сделал

HTML5
1
2
3
4
5
6
7
      <div id="myModal" class="modal fade mobsize">
         <div class="modal-header">
            <a class="close" data-dismiss="modal">&times;</a>
            <h4>ВАШ АККАУНТ НА САЙТЕ</h4>
         </div>
         {login}
      </div>

CSS
1
2
3
@media screen and (min-width: 320px) and (max-width: 1024px){
      .mobsize{display:none}
}

zindex я убрал

Добавлено через 4 минуты
вот так вроде все работает, скажите правильно ли так? огромное вам спасибо

@Fedor92 · 21.04.2016, 12:59

Сообщение от betirsolt

вот так вроде все работает, скажите правильно ли так? огромное вам спасибо

Если работает, так как Вы хотели значит верно...

По коду вроде правильно...

@betirsolt · 21.04.2016, 13:09 **[ТС]**

еще раз большое спасибо

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@betirsolt 0 / 0 / 0 Регистрация: 22.03.2015 Сообщений: 15

	Невидимый блок над главным меню 21.04.2016, 00:34. Показов 1556. Ответов 8 Метки нет (Все метки) Всем привет, есть сайт i-took.ru на dle, адаптивный шаблон, шаблон переделываю под себя, но возникла проблема с которой не могу справиться, на мобильном разрешении над главным меню стоит невидимый блок авторизации юзера, но мышка видит этот блок и при попытке нажать на одном из пунктов главного меню нажимается ссылка или кнопка из невидимого блока, пытался решить через display, z-index, не получается у меня, пожалуйста кто нибудь гляньте и подскажите мне в чем дело и как решить, буду очень благодарен 0

@betirsolt 0 / 0 / 0 Регистрация: 22.03.2015 Сообщений: 15
	21.04.2016, 12:29 [ТС]
	Мне нужно добавить этот медиа запрос? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	21.04.2016, 12:30
	betirsolt, ну да... Вы же хотите убрать этот блок на моб. устройствах или я сути вопроса не понял? 0

@betirsolt 0 / 0 / 0 Регистрация: 22.03.2015 Сообщений: 15
	21.04.2016, 12:33 [ТС]
	не помогло((( да хочу, но при нажатии на кнопку "Войти" это окно должно появляться 0

@betirsolt 0 / 0 / 0 Регистрация: 22.03.2015 Сообщений: 15
	21.04.2016, 13:09 [ТС]
	еще раз большое спасибо 0

Невидимый блок над главным меню

Решение