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

Sensession

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

Raz0r

  • Захожу иногда
  • 260
  • 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

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

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

Спасибо
*

Sensession

  • Осваиваюсь на форуме
  • 33
  • 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;
           }
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не отображается меню сайта

Автор МихаилЧ

Ответов: 0
Просмотров: 42
Последний ответ 03.08.2021, 19:15:39
от МихаилЧ
Адаптированное меню

Автор masoret

Ответов: 0
Просмотров: 112
Последний ответ 13.07.2021, 09:09:05
от masoret
Убрать меню из тегов

Автор phvsfpgs

Ответов: 0
Просмотров: 127
Последний ответ 11.07.2021, 20:45:20
от phvsfpgs
Меню

Автор baren

Ответов: 1
Просмотров: 128
Последний ответ 06.07.2021, 11:03:43
от ShopES
Настройка горизонтального меню

Автор alekcae

Ответов: 3
Просмотров: 154
Последний ответ 30.06.2021, 11:37:16
от alekcae