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

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

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

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

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

@СлаваВирус · 23.12.2015, 10:18

Вам необходимо при изменении экрана до мобильного устройства у этого блока

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

либо убирать классс hidden. либо переопределять его в css

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

Сообщение от СлаваВирус

либо убирать классс hidden. либо переопределять его в css

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

с меня + в репутацию

@СлаваВирус · 23.12.2015, 10:52

Попробуйте в стили добавить что-то типа того

CSS
1
2
3
4
5
@media only screen and (max-width:360px) {
div .mobile-navigation .section .bg-graphite .no-padding .hidden {
display: block;
}
}

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

Сообщение от СлаваВирус

Попробуйте в стили добавить что-то типа того

это в style.css ?а куда именно?

@СлаваВирус · 23.12.2015, 11:53

Да, место не принципиально

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

Сообщение от СлаваВирус

Да, место не принципиально

Сейчас попробую и отпишусь

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

Сообщение от СлаваВирус

Да, место не принципиально

возможно не так код вставил,но ничего не изменилось(

@AsakuraKazumi · 23.12.2015, 18:11

Ильнар86, Попробуйте убрать пробелы между селекторами классов, где нужно.

div .my-class и div.my-class это разные вещи

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

Сообщение от AsakuraKazumi

Попробуйте убрать пробелы между селекторами классов, где нужно.

всё классно чувак,+ в репу кажется уже поставил,если нет ты скажи и я обязательно поставлю)))безумно рад)))но почему всё тёмное,и выводит всё подряд?)))

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

А вот это уже вопрос к дизайнеру, это отдельное меню для маленьких экранов)))

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

Сообщение от СлаваВирус

А вот это уже вопрос к дизайнеру, это отдельное меню для маленьких экранов)))

я сам себе дизайнер)))ну я так понимаю самому CSS изменять,но скажи хотя б в каком направлени идти

если б это было в компьютерной версии я бы нажал Ctrl+shift+I чтоб открыть консоль и посмотреть что где находится,но тут то по другому(((

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

Тут аналогично) открываете в браузере инспектор (f12) и смотрите какие стили отвечают))))либо смотрите класс менюшки, открываете стили и поиском находите)

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

так а как открыть мини-версию на компьютере чтоб определить?)))

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

f12->ctr+shift+M

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

ахереть

я и не знал...то есть также как и в обычной ситуации прописываю стили и т.д верно?))

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

Для мобильной версии? Если да, то оборачивайте нужный код внутрь конструкции

CSS
1
2
3
@media only screen and (max-width:360px) {
 
}

Эти стили применятся только к мобильным экранам.

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

то есть сюда вписывать постоянно?)

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

для стилей, которые вы хотите видеть ТОЛЬКО в мобильной версии - да)

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

одну секундочку,не уходите пожалуйста))у меня меню не появляется в хроме.Есть вероятность его вернуть?

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

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

Решение

Решение

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

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

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	23.12.2015, 11:53
	Да, место не принципиально 0

@AsakuraKazumi 23 / 23 / 9 Регистрация: 09.07.2014 Сообщений: 95
	23.12.2015, 18:11
	Сообщение было отмечено Ильнар86 как решение Решение Ильнар86, Попробуйте убрать пробелы между селекторами классов, где нужно. `div .my-class` и `div.my-class` это разные вещи 1

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	23.12.2015, 21:10
	А вот это уже вопрос к дизайнеру, это отдельное меню для маленьких экранов))) 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	23.12.2015, 21:16
	Тут аналогично) открываете в браузере инспектор (f12) и смотрите какие стили отвечают))))либо смотрите класс менюшки, открываете стили и поиском находите) 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 21:20 [ТС]
	так а как открыть мини-версию на компьютере чтоб определить?))) 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	23.12.2015, 21:23
	f12->ctr+shift+M 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 21:26 [ТС]
	ахереть я и не знал...то есть также как и в обычной ситуации прописываю стили и т.д верно?)) 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 21:36 [ТС]
	то есть сюда вписывать постоянно?) Миниатюры 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	23.12.2015, 21:37
	для стилей, которые вы хотите видеть ТОЛЬКО в мобильной версии - да) 0

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