Всем привет!! Для каждого сайта очень важно меню, через которое будет осуществятся навигация по сайту. Но на сайт можно зайти с любого устройства, как с компьютера так и с телефона. И для разных экранов устройств сайт подстраивается и выглядит по разному. На телефоне ширина сайта уменьшается и надо вместить туда все. Изменяется вид элементов, они изменяются в размере, расположении, и иногда бывает так, что на мобильных устройствах они не отображаются вообще. Так же на мобильных версиях сайтов очень часто меняется меню...

На телефонах очень сложно мотать и искать нужный контент, на этот случай делают меню снизу: Его можно украшать и менять под тематику сайта, но смысл один — "Помочь пользователям сайта!". Для его создания нам не понадобится js, его очень легко сделать! Начнём же! Как обычно мы начнём с html разметки, я добавил разные(странные) классы, чтобы вы смогли спокойно встроить это к себе на сайт не проверяя css! Но тут интересная особенность, взглянем сюда: <meta name="viewport" content="width=device-width">...