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

Sensession

  • Новичок
  • 21
  • 0 / 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

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

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

Спасибо
*

Sensession

  • Новичок
  • 21
  • 0 / 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;
           }
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать рамку вокруг модуля?

Автор RaMzEs1997

Ответов: 29
Просмотров: 229
Последний ответ 14.11.2018, 16:15:03
от lexxbry
Помощь в настройке модуля на Joomla 3, подпрыгивает страница вверх

Автор black_vlad_ik1

Ответов: 0
Просмотров: 77
Последний ответ 13.11.2018, 19:55:37
от black_vlad_ik1
Как изменить вид меню на сайте?

Автор elitbus

Ответов: 11
Просмотров: 183
Последний ответ 13.11.2018, 12:36:40
от elitbus
Как поменять цвет шрифта заголовка?

Автор belovpaha

Ответов: 2
Просмотров: 75
Последний ответ 08.11.2018, 18:10:12
от effrit
Правильно ли так делать мобильное меню

Автор ingavr

Ответов: 6
Просмотров: 164
Последний ответ 02.11.2018, 23:17:15
от ingavr