0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 839 Просмотров
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Меню в мобильном виде
« : 12.10.2016, 21:50:55 »
Подскажите пожалуйста, каким образом спрятать фиксированную позицию при просмотре с мобильного под кнопку ? ( что б открывалось при нажатии или наведении. Меню сделал так
Шаблон Protostar , в  index.php прописал в div кнопки со ссылками и в CSS присвоил
Код
{ position: fixed; z-index: 1000; top: 0px; left: 20px;
background:#FFFFFF ;
height:50px;
width:100%;}
Менюшка на ноуте вссе нормально и как надо, но вот на мобильнике перекрывает пол экрана, как это спрятать под кнопку ? Спасибо за внимание
 
-==Dimir==-
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню в мобильном виде
« Ответ #1 : 12.10.2016, 22:00:04 »
Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Re: Меню в мобильном виде
« Ответ #2 : 12.10.2016, 22:06:03 »
Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
Чесно сказать не очень, но учусь быстро
-==Dimir==-
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню в мобильном виде
« Ответ #3 : 12.10.2016, 23:18:17 »
Чесно сказать не очень, но учусь быстро

Разбирайте, учитесь. Что не понятно, спрашивайте.
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Re: Меню в мобильном виде
« Ответ #4 : 15.10.2016, 21:04:19 »
Разбирайте, учитесь. Что не понятно, спрашивайте.
c первого раза все как надо, стили поправить только надо под себя
-==Dimir==-
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню в мобильном виде
« Ответ #5 : 15.10.2016, 21:59:13 »
Обратите внимание, порядок элементов важен!
label → input → div-с-меню
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Re: Меню в мобильном виде
« Ответ #6 : 20.10.2016, 22:11:17 »
Обратите внимание, порядок элементов важен!
label → input → div-с-меню
Один вопрос, как сделать что б в мобильном виде пункты меню были столбиком
-==Dimir==-
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Re: Меню в мобильном виде
« Ответ #8 : 21.10.2016, 19:33:50 »
Спасибо.
Пытаюсь приделать откртытие при наведении, что то не робит . Я правлю  #btn:checked + div {display:block;} Это ?  вместо checked вставить hover ? не идет
« Последнее редактирование: 21.10.2016, 20:21:24 от Dimir »
-==Dimir==-
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню в мобильном виде
« Ответ #9 : 22.10.2016, 17:33:31 »
А как вы на мобильном устройстве наведение реализуете? По-наведению как раз просто делается. Не нужен чекбокс. Но зачем?
*

Dimir

  • Захожу иногда
  • 426
  • 13 / 1
Re: Меню в мобильном виде
« Ответ #10 : 22.10.2016, 21:04:21 »
А как вы на мобильном устройстве наведение реализуете? По-наведению как раз просто делается. Не нужен чекбокс. Но зачем?
Тут согласен, не продумал, а вот автозакрытие нужная вещь,
-==Dimir==-
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Меню в мобильном виде
« Ответ #11 : 22.10.2016, 21:24:06 »
Автозакритие, это уже js прикручивать нужно.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Пункт меню Текстовый разделитель ведет на главную страницу

Автор zahar_92

Ответов: 8
Просмотров: 2404
Последний ответ 27.07.2023, 13:37:17
от ei-dos
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 16
Просмотров: 4623
Последний ответ 23.05.2023, 07:22:49
от geral
Цвет фона меню

Автор IhorPH

Ответов: 7
Просмотров: 1080
Последний ответ 21.03.2023, 11:47:29
от marksetter
OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

Ответов: 2
Просмотров: 2101
Последний ответ 20.03.2023, 12:42:49
от Andre100
OffCanvas меню

Автор Алексей Лоскутов

Ответов: 5
Просмотров: 2143
Последний ответ 13.02.2023, 20:20:37
от dashkov