XF 1.5 Как сделать автоскрывание виджетов в моб. версии?

[Huodus]

Как сделать автоскрывание виджетов в моб. версии?

 

[Hope]

Да хоть так:

@media (max-width: 900px) {
  .sidebar {
    display: none;
  }
}

 

[bphmth]

Да хоть так:

@media (max-width: 900px) {
  .sidebar {
    display: none;
  }
}

<xen:if is="@enableResponsive">
@media (max-width: 900px)
{
.sidebar
{
display: none;
}
}
</xen:if>

а <xen:if в данном случае выходит лишний, можно убирать его?

 

[Hope]

Ну это условие для проверки использования адаптивного дизайна.

 

[Huodus]

Так как лучше сделать?)
И куда это вставить?

 

[Hope]

Так как лучше сделать?)

Лучше с условием всё же, чтобы соблюсти синтаксис корректно.

И куда это вставить?

Конечно в EXTRA.css - уже должны знать такие вещи.

 

[Huodus]

Hope, что-то не выходит :-)
не скрываются

попробовал вашу версию и версию bphmth

 

[Hope]

Я тут проверил перед этим. Всё работает.

 

[Huodus]

Hope, проверил еще через телефон, но все также =(

 

[Hope]

Значит стиль такой.

 

[Huodus]

Hope, другого способа скрыть нет? стиль UI.X Dark

 

[Hope]

Нет. Там канвас панели насколько я помню. И вопрос нужно было задавать в тему стиля изначально.

 

[Skaiman]

<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
        .hasRightSidebar .uix_mainSidebar {
            display: none;
        }
    }
</xen:if>

Забыл :)

<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth) {
        .hasRightSidebar .uix_mainSidebar,
        .hasLeftSidebar .uix_mainSidebar {
            display: none;
        }
    }
</xen:if>

 

[Hope]

В теме стиля и надо ответить. Там уже свои классы.