17 комментариев

  1. DS
    22 ноября 2016

    отличное решение, только у меня кнопка отображается не как в демо примере, а сплошной линией

    Ответить

    • driver
      22 ноября 2016

      В кнопке использовал символ Unicode ☰ (TRIGRAM FOR HEAVEN), в CSS: \2630. С использованием псевдоэлемента :after приписываем его к кнопке:

      .nav-toggle:after {
          content: '2630';
          text-decoration: none;
      }

      Тут вроде бы всё логично и никаких косяков быть не должно ))))

      Ответить

  2. Nariman
    10 декабря 2016
  3. Владимир
    6 января 2017

    А как сделать так, чтобы меню по умолчанию было уже открытым?

    Ответить

    • driver
      6 января 2017

      Просто, скрытому чекбоксу пропишите атрибут checked:

      <input type="checkbox" id="nav-toggle" checked hidden>

      Ответить

  4. Taticoma
    15 июня 2017

    Id разве не рушит каскадность, если js нет, смысл? Спасибо за статью)

    Ответить

    • driver
      15 июня 2017

      Нет не рушит). id чекбокса и атрибут for тега <label> одинаковые, такая связь как раз и необходима, для реализации переключения панели, в этом и смысл использования скрытых чекбоксов

      Ответить

      • Taticoma
        16 июня 2017

        Чаще использую вариант вложения в тег , сам , но уже поняла, что в данном случае id тут необходим и не страшен, спасибо за ответ)

        Ответить

  5. Арзымат
    20 июня 2017

    Рахма спасибо

    Ответить

  6. Лена
    30 июля 2017

    добрый день. а можно ли сделать так, чтобы меню скрывалось при нажатии на область mask-content?

    Ответить

  7. satird
    1 августа 2017

    При установке в логотипа ( в формате png) он появляется не вверху меню, как у Вас текстовый-лого, а в середине менюшки, слева от списка. Возможно ликак-то это решить?

    Ответить

    • satird
      1 августа 2017

      Прошу прощения. Ошибка была в HTML разметке: список был display: flex, а h2 поставил над списком. Насколько уместно вставлять H2 в ul?

      Комментарий можно удалить. Спасибо за уроки.

      Ответить

  8. Daler
    1 августа 2017

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

    Ответить

    • driver
      1 августа 2017

      Добрый день, Daler.

      Если я вас правильно понял, то посмотрите на такой вариант: тынц

      Ответить

  9. SHe4eViCA
    7 августа 2017

    Добрый день! Спасибо за хорошее решение, очень понравилось, все топ!

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

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Наверх
мобильн. компьютерная