[3.3] Лишнее в Мобильных версиях

[max2012]

Все чаще и чаще пользуюсь форумом через мобильные устройства, планшеты и есть некоторые вопросы по шаблонам.
Рассматривать буду дефолтный шаблон Prosilver, в мобильных версиях.

Не совсем еще понял, как прятать не нужные окна, и функции для устройств с меньшим экраном.
Вот к примеру между шапкой форума и темами форума, есть строки: Текущее время, Предыдущее посещение, Отметить форумы как прочтённые,
Как по мне, лишние строки занимающие пространство форума (скрин ниже).
Как эти строки скрыть на форуме, для определенных размеров экрана?

[Татьяна5]

В responsive.css уже прописаны правила @media для разных разрешений экрана. Можно добавлять в нужные блоки свои стили. Скрывать через display: none;, как обычно (если для этого нет подходящих классов, то сначала добавить их в шаблон)
Все правки желательно вносить не в стандартный prosilver, а в свой стиль на его основе

[max2012]

скрыть строку Отмеченные сообщения
responsive.css

Код: Выделить всё

.action-bar compact{
	display: none;
	}

не работает, может еще что?

[Evangelion]

max2012, сделать так:

Код: Выделить всё

.action-bar {
    display: none;
}

[max2012]

да. некоторые названия в классе не полностью нужно прописывать.
Работает!
по идеи все это можно и в Color.css прописать, здесь:
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)

[Татьяна5]

.action-bar compact

Синтаксис нарушен
.action-bar.compact

[max2012]

.action-bar.compact

так не работает.
Работают только сокращенные варианты:

Код: Выделить всё

.action-bar {
    display: none;
}
.responsive-center{
    display: none;
}
.right responsive-center{
    display: none;
} 

[Татьяна5]

responsive-center

Это обозначение несуществующего тега

[Evangelion]

.action-bar.compact

так не работает.

Работает, а для "Предыдущее посещение:" и "Текущее время: " нужно так:

Код: Выделить всё

p.right.responsive-center.time.rightside {
    display: none;
}

Код: Выделить всё

p.responsive-center.time {
    display: none;
}