Bootstrap 3 – Создание мобильного меню для WordPress

Последнее обновление Сен 22, 2021

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

В коде который используется в данном примере, мной использовались стили и скрипты Bootstrap, которые можно взять из CDN по ссылкам ниже.

CDN Bootstrap LINK:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

На всякий случай прикрепляю ссылку и на CDN Bootstrap :

https://www.bootstrapcdn.com/

Пример рабочего бутерброда:

https://bootsnipp.com/snippets/QodP1

Для того что бы меню скрылось на мобильных устройствах, и отображалось в вертикальной последовательности после щелчка по “бутерброду” () Вам необходимо поместить код меню темы между тегами:

Как это сделать более подробнее приведено в примере кода.

Код обвертки меню:

Источник записи: https://mediadoma.com