0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 327 Просмотров
*

Sensession

  • Осваиваюсь на форуме
  • 28
  • 1 / 0
На сайте установлен модуль меню для категорий. Возможно ли сделать что бы на мобильных устройствах фон модуля менялся на другой цвет? Подскажите как. Спасибо.
*

Raz0r

  • Захожу иногда
  • 255
  • 6 / 6
Re: Как поменять цвет модуля меню?
« Ответ #1 : 02.04.2018, 20:35:43 »
правой кнопкой на нужном элементе и "Исследовать элемент" (в зависимости от браузера), появится кусок стиля, который отвечает за цвет, вот его и надо переписать на бумажечку. Например этот стиль называется .menu и цвет фона прописан как background-color: #3366CC;, значит в конце style.css, или как он там будет называться, надо дописать строку:
Код
@media screen and (max-width: 768px) {
.menu {
background-color: #00000;
           }
}
что значит - при разрешении экрана меньше 768 пикселей будет работать этот стиль
Тут подробнее и с примерами
*

palexa

  • Завсегдатай
  • 1101
  • 87 / 0
  • В следующей жизни, я буду кошкой
Re: Как поменять цвет модуля меню?
« Ответ #2 : 02.04.2018, 22:38:28 »
Ухты, сегодня задавал подобный вопрос что бы спрятать модуль от мобильных. Идею такую же подкинули

P.S. полезно полежать в больничке и почитать форум

Спасибо
*

Sensession

  • Осваиваюсь на форуме
  • 28
  • 1 / 0
Re: Как поменять цвет модуля меню?
« Ответ #3 : 08.04.2018, 17:30:53 »
правой кнопкой на нужном элементе и "Исследовать элемент" (в зависимости от браузера), появится кусок стиля, который отвечает за цвет, вот его и надо переписать на бумажечку. Например этот стиль называется .menu и цвет фона прописан как background-color: #3366CC;, значит в конце style.css, или как он там будет называться, надо дописать строку:
Код
@media screen and (max-width: 768px) {
.menu {
background-color: #00000;
           }
}
что значит - при разрешении экрана меньше 768 пикселей будет работать этот стиль
Тут подробнее и с примерами

Спасибо, Если несложно подскажите что бы еще и цвет текста ссылок меню менялся на желаемый цвет при низком разрешении? Попробовал прописать что то подобное (смотреть ниже), не получается,

@media screen and (max-width: 900px) {
.sm-menu {
link: #e6e6fa;
           }
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Отключить переход на пункт меню из списка материалов категории

Автор Katya-Net

Ответов: 1
Просмотров: 19
Последний ответ Сегодня в 17:05:09
от effrit
Как поменять цвет шрифта в редакторе?

Автор Артём46

Ответов: 4
Просмотров: 114
Последний ответ 03.05.2019, 14:36:15
от Missile
Как создать два мега-меню в Helix 3?

Автор lolitma3

Ответов: 0
Просмотров: 123
Последний ответ 01.05.2019, 18:00:40
от lolitma3
Дубль меню мобильной версии на мультиязычном сайте

Автор Kate_zz

Ответов: 0
Просмотров: 83
Последний ответ 01.05.2019, 10:01:05
от Kate_zz
Добавить дополнительные раздел в меню

Автор Anna_N

Ответов: 16
Просмотров: 326
Последний ответ 24.04.2019, 21:43:25
от Technic