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

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

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

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

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

@СлаваВирус · 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

@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 **[ТС]**

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

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

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

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

Решение

Решение

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
		1
	Меню на главной странице мобильного сайта 23.12.2015, 09:51. Показов 1818. Ответов 28 Метки нет (Все метки) Здравствуйте,у меня есть адаптивный сайт ,но когда заходишь на сайт с телефона тогда не видно меню которое отображается в настольной версии почему так?и как это исправить?На скриншоте примерно там должно отображаться Миниатюры 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 10:43 [ТС]	3
	Сообщение от СлаваВирус либо убирать классс hidden. либо переопределять его в css а как лучше?и если не затруднит,опишите пожалуйста более подробно что и куда писать или убирать с меня + в репутацию 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 11:20 [ТС]	5
	Сообщение от СлаваВирус Попробуйте в стили добавить что-то типа того это в style.css ?а куда именно? 0

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

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 14:18 [ТС]	7
	Сообщение от СлаваВирус Да, место не принципиально Сейчас попробую и отпишусь 0

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 14:24 [ТС]	8
	Сообщение от СлаваВирус Да, место не принципиально возможно не так код вставил,но ничего не изменилось( Миниатюры 0

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

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

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

@Ильнар86 9 / 9 / 0 Регистрация: 29.03.2015 Сообщений: 287
	23.12.2015, 21:13 [ТС]	12
	Сообщение от СлаваВирус А вот это уже вопрос к дизайнеру, это отдельное меню для маленьких экранов))) я сам себе дизайнер)))ну я так понимаю самому CSS изменять,но скажи хотя б в каком направлени идти если б это было в компьютерной версии я бы нажал Ctrl+shift+I чтоб открыть консоль и посмотреть что где находится,но тут то по другому((( 0

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

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

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

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

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

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