Меню в мобильном виде

  • 11 Ответов
  • 321 Просмотров

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

*

Dimir

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

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Re: Меню в мобильном виде
« Ответ #1 : 13.10.2016, 00:00:04 »
Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Dimir

  • *****
  • 420
  • + 12 -
Re: Меню в мобильном виде
« Ответ #2 : 13.10.2016, 00:06:03 »
Ну тут или js прятать/показывать, или чекбоксом, например. Вы верстать умеете?
Чесно сказать не очень, но учусь быстро
-==Dimir==-

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Re: Меню в мобильном виде
« Ответ #3 : 13.10.2016, 01:18:17 »
Чесно сказать не очень, но учусь быстро

Разбирайте, учитесь. Что не понятно, спрашивайте.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Dimir

  • *****
  • 420
  • + 12 -
Re: Меню в мобильном виде
« Ответ #4 : 15.10.2016, 23:04:19 »
Разбирайте, учитесь. Что не понятно, спрашивайте.
c первого раза все как надо, стили поправить только надо под себя
-==Dimir==-

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Re: Меню в мобильном виде
« Ответ #5 : 15.10.2016, 23:59:13 »
Обратите внимание, порядок элементов важен!
label → input → div-с-меню
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Dimir

  • *****
  • 420
  • + 12 -
Re: Меню в мобильном виде
« Ответ #6 : 21.10.2016, 00:11:17 »
Обратите внимание, порядок элементов важен!
label → input → div-с-меню
Один вопрос, как сделать что б в мобильном виде пункты меню были столбиком
-==Dimir==-

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Dimir

  • *****
  • 420
  • + 12 -
Re: Меню в мобильном виде
« Ответ #8 : 21.10.2016, 21:33:50 »
Спасибо.
Пытаюсь приделать откртытие при наведении, что то не робит . Я правлю  #btn:checked + div {display:block;} Это ?  вместо checked вставить hover ? не идет
« Последнее редактирование: 21.10.2016, 22:21:24 от Dimir »
-==Dimir==-

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Re: Меню в мобильном виде
« Ответ #9 : 22.10.2016, 19:33:31 »
А как вы на мобильном устройстве наведение реализуете? По-наведению как раз просто делается. Не нужен чекбокс. Но зачем?
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Dimir

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

*

Shustry

  • *****
  • 6426
  • + 733 -
  • Рисую дизайны
Re: Меню в мобильном виде
« Ответ #11 : 22.10.2016, 23:24:06 »
Автозакритие, это уже js прикручивать нужно.
Бесплатно консультирую по дизайну и вёрстке (только в icq и личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!