Как адаптировать меню под мобильное устройство?

голоса: 0
Здравствуйте уважаемые знатоки uCoz. У меня к вам такой вопрос, у меня стоит горизонтальное меню, отображается всё хорошо, но если зайти с другого устройства на сайт, например с телефона то это меню широкое. Как её адаптировать под мобильное устройство?, или может что в CSS прописать нужно? :(, помогите пожалуйста.   Адрес сайта: http://mir-hack.ru/ Меню верху.
Адрес сайта http://mir-hack.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: +2
 
Лучший ответ

В стилях найдите строку номер 201:

.cont-wrap {
 margin: 0 auto;
 max-width: 1000px;
}

добавьте выделенное, после будет адаптироваться.

| Автор:
Выбор ответа лучшим | | Автор: Вячеслав Kentos311
Извините, ещё вопросик, а шапку никак нельзя под мобильное устройство уменьшить?, а то оно растягивает шаблон:(
Вячеслав Kentos311,

В шапке сайта найдите код:

<div class="header-shapka" style="background: url(/img/mirhacklogo.png) no-repeat;height: 200px;margin: 0 auto;max-width: 1000px;background-size: 100%;"> </div>

добавьте выделенное и шапка станет адаптивной.

...