XF 2.2 Как изменить цвет одной кнопки в моб версии в навигации?

[goldceoplus]

Всем привет!

Как изменить цвет одной кнопки в мобильной версии в навигации(в выпадающем меню) ?

 

[Len]

наверное ты имел ввиду пункт меню в навигации?

Там просто id пункта берешь и в extra можешь что угодно с ним сделать

 

[goldceoplus]

наверное ты имел ввиду пункт меню в навигации?

Там просто id пункта берешь и в extra можешь что угодно с ним сделать

id Пункта нашел а в extra какой код добавить нужно?

 

[Skaiman]

Там есть Дополнительные атрибуты, можно класс добавить, можно style

 

[recruty]

id Пункта нашел а в extra какой код добавить нужно?

#id {
  background: #000;
}

 

[Skaiman]

recruty, выше читал, что я написал?

 

[Skaiman]

или класс, или стайл

 

[goldceoplus]

Там есть Дополнительные атрибуты, можно класс добавить, можно style

где это? не могу найти

#id {
  background: #000;
}

сделал так ничего не поменялось

#id5 {
  background: #000;
}

 

[recruty]

сделал так ничего не поменялось

#id5 {
  background: #000;
}

Выше Skaiman написал решение.

 

[goldceoplus]

Выше Skaiman написал решение.

я видел , но не могу найти где это

 

[recruty]

я видел , но не могу найти где это

Если вы сделаете так:



То в extra.less использовать так:

@media (max-width:650px) {
.classname {
    background: #000; /* Меняет фон навигационной вкладки  */
    }
}

@media используется чтобы фон появлялся, только тогда, когда кнопка меню будет появляться в навбаре.

 

[Skaiman]

@media используется чтобы фон появлялся, только тогда, когда кнопка меню будет появляться в навбаре.

или Mobile Detection in Template

 

[goldceoplus]

Если вы сделаете так:

Посмотреть вложение 135243

То в extra.less использовать так:

@media (max-width:650px) {
.classname {
    background: #000; /* Меняет фон навигационной вкладки  */
    }
}

@media используется чтобы фон появлялся, только тогда, когда кнопка меню будет появляться в навбаре.

Получилось! Только теперь текст сливается с фоном кнопки, как теперь изменить цвет самого текста ? добавлял color но ничего не менялось, вот как делал

@media (max-width:650px) {

.classname {

    background: #000; /* Меняет фон навигационной вкладки  */

    color: #fff

    }

}

и делал так тоже без изменений

@media (max-width:650px) {
.classname {
    background: #000; /* Меняет фон навигационной вкладки  */
    p { color: #2f5687; }
    }
}

 

[recruty]

Получилось! Только теперь текст сливается с фоном кнопки, как теперь изменить цвет самого текста ? добавлял color но ничего не менялось, вот как делал

@media (max-width:650px) {

.classname {

    background: #000; /* Меняет фон навигационной вкладки  */

    color: #fff

    }

}

и делал так тоже без изменений

@media (max-width:650px) {
.classname {
    background: #000; /* Меняет фон навигационной вкладки  */
    p { color: #2f5687; }
    }
}

Я даже не знаю в чем проблема. У меня всё работает.





Дайте ссылку на форум, пожалуйста.

 

[goldceoplus]

Если вы сделаете так:

Посмотреть вложение 135243

То в extra.less использовать так:

@media (max-width:650px) {
.classname {
    background: #000; /* Меняет фон навигационной вкладки  */
    }
}

@media используется чтобы фон появлялся, только тогда, когда кнопка меню будет появляться в навбаре.

Большое спасибо!