Меню на главной странице мобильного сайта

@Ильнар86 · Регистрация: 29.03.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте,у меня есть адаптивный сайт ,но когда заходишь на сайт с телефона тогда не видно меню которое отображается в настольной версии

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

@СлаваВирус · 23.12.2015, 21:57

Вам нужен другой див

HTML5
1
<div class="mobile-navigation section bg-graphite no-padding hidden">

По дереву чуть ниже, и сейчас по css вижу что у него стоит display:none;

@Ильнар86 · 23.12.2015, 22:08 **[ТС]**

то есть заместо этого дива который на скриншоте надо добавить тот див который вы дали?

@СлаваВирус · 23.12.2015, 22:24

Чтобы было проще измените в стилях так

CSS
1
2
3
4
5
@media only screen and (max-width:360px) {
div#mobile_menu{
display: block;
}
}

а в html добавьте этому див, следующий ид

HTML5
1
<div id="mobile_menu" class="mobile-navigation section bg-graphite no-padding hidden">

@AsakuraKazumi · 23.12.2015, 22:28

Ильнар86, я бы еще посоветовал изучить на досуге LESS или SASS/SCSS. Я себе фреймворк запилил с помощью SCSS. Получилась смесь Bootstrap и Foundation со своими добавлениями. Эти штуки сильно упрощают разработку.

@Ильнар86 · 24.12.2015, 21:59 **[ТС]**

тот вставил вместо предыдущего,он на скриношоте сверху,а вот как добавить ИД диву который вы дали?Точнее куда вписывать?

@СлаваВирус · 24.12.2015, 22:02

В index.php судя по всему

@Ильнар86 · 24.12.2015, 22:08 **[ТС]**

вставлять не имеет значение куда?)снизу,сверху?

@СлаваВирус · 24.12.2015, 22:11

Вам надо найти где в коде объявлен

HTML5
1
<div class="mobile-navigation section bg-graphite no-padding hidden">

и добавить ему атрибут ид - получится так

HTML5
1
<div id="mobile_menu" class="mobile-navigation section bg-graphite no-padding hidden">

@Ильнар86 · 25.12.2015, 11:06 **[ТС]**

спасибо,но мне как бы HTML и PHP познать сначало))

Добавлено через 46 секунд
нашёл,он в header.php )добавил)

Добавлено через 12 часов 51 минуту
но теперь меню пропало(

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287

	Меню на главной странице мобильного сайта 23.12.2015, 09:51. Показов 2118. Ответов 28 Метки нет (Все метки) Здравствуйте,у меня есть адаптивный сайт ,но когда заходишь на сайт с телефона тогда не видно меню которое отображается в настольной версии почему так?и как это исправить?На скриншоте примерно там должно отображаться Миниатюры 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 22:08 [ТС]
	то есть заместо этого дива который на скриншоте надо добавить тот див который вы дали? Миниатюры 0

@AsakuraKazumi 23 / 23 / 9 Регистрация: 09.07.2014 Сообщений: 95
	23.12.2015, 22:28
	Ильнар86, я бы еще посоветовал изучить на досуге LESS или SASS/SCSS. Я себе фреймворк запилил с помощью SCSS. Получилась смесь Bootstrap и Foundation со своими добавлениями. Эти штуки сильно упрощают разработку. 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	24.12.2015, 21:59 [ТС]
	тот вставил вместо предыдущего,он на скриношоте сверху,а вот как добавить ИД диву который вы дали?Точнее куда вписывать? Миниатюры 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	24.12.2015, 22:02
	В index.php судя по всему 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	24.12.2015, 22:08 [ТС]
	вставлять не имеет значение куда?)снизу,сверху? 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	25.12.2015, 11:06 [ТС]
	спасибо,но мне как бы HTML и PHP познать сначало)) Добавлено через 46 секунд нашёл,он в header.php )добавил) Добавлено через 12 часов 51 минуту но теперь меню пропало( 0