Отображение подфорумов в адаптивном дизайне

[Reborns]

При просмотре форума XF 1.2.x в мобильниках , не видны подфорумы на главной странице если включен адаптивный вид.
что бы это дело исправить ...

Добавить в EXTRA.css

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: block !important;
    }
}

 

[grom12]

Добрый день отображение подфорумов работает на мобильнике. А как сделать чтобы отображались подфорумы на планшете или когда мобильник переворачиваешь чтобы было пошире????? Помогите решить проблему. Спасибо.

 

[Mirovinger]

Приветствую.
Всё зависит от стиля, но при желании можно скорректировать медиа-запросами и css.

 

[grom12]

Всё зависит от стиля, но при желании можно скорректировать медиа-запросами и css.

Подскажите пожалуйста как это сделать через css медиа запросами. Стиль стандартный ширина фиксирована 1300px

 

[Mirovinger]

Опять же, нужно видеть форум и понимать, что Вы хотите точно.

 

[grom12]

Форум пока на локалке, просто меняю размер браузера, минимально для мобильников работает с этим кодом, чуть увеличиваю браузер(примерно на размер экрана планшета) и подфорумы пропадают.

 

[Mirovinger]

Тут только малая часть кода, которая отвечает за это, для остального нужно чуть подправить, появится время дополним мануал.

 

[grom12]

Тут только малая часть кода, которая отвечает за это, для остального нужно чуть подправить, появится время дополним мануал.

А когда сможете, просто хочу все доделать поскорее. Буду вам очень признателен если поможете.

 

[Mirovinger]

Тогда отпишите в ЛС, попробуем прямо у Вас посмотреть и так будет проще, что бы понять, что точно хочется Вам.

 

[grom12]

Уже разобрался спасибо может кому пригодится:

@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: block !important;
    }
}
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .node .subForumList,
    .Responsive .subForumsPopup
    {
        display: block !important;
    }
}

 

[Mirovinger]

Да, но всё же, это не под всё. =)