настройка XFMG под адаптивный дизайн

[viper]

Подскажите по коду в extra.css чтобы растянуть sidebar медиагалереи на 100% под мобилку, а то как то он ущербно смотрится на пол экрана.
В самой галереи для sidebar используется код:

<div class="xengallerySideBarContainer">
<div class="xengallerySideBar">
<div class="section">
    <div class="secondaryContent">
        <h3>Навигация галереи</h3>
        <ol class="categoryList">
            <li>
                <a class="selected" href="xengallery/">Главная галереи</a>
            </li>
            <li>
                <a href="search/?type=xengallery_media">***</a>
            </li>
            <li>
                <a href="find-new/media">***</a>
            </li>
           
                <li>
                    <a href="xengallery/users/viper.1/">***</a>
                </li>
           
        </ol>
    </div>
</div>
            <div class="section">
                <dl class="secondaryContent">
                    <h3>***</h3>
                    <ol class="categoryList albumCategory">
                        <li class="">
                            <a href="xengallery/albums">***</a>
                        </li>
                       
                            <li class="">
                                <a href="xengallery/users/viper.1/albums">***</a>
                            </li>
                            <li class="">
                                <a href="xengallery/albums/shared">***</a>
                            </li>
                    </ol>
                </dl>
            </div>
                <div class="section">
                    <dl class="secondaryContent">
                        <h3>Категории</h3>
                            <ol class="categoryList">
        <li class="_categoryDepth0">
            <a href="xengallery/categories/zhivaja-kompozicija.8/" class="categoryLink Tooltip">***</a>
        </li>
        <li class="_categoryDepth0">
            <a href="xengallery/categories/akvariumnaja-fauna.3/" class="categoryLink Tooltip">***</a>
        </li>
        <li class="_categoryDepth0">
            <a href="xengallery/categories/akvariumnaja-flora.4/" class="categoryLink Tooltip">***</a>
        </li>
        <li class="_categoryDepth0">
            <a href="xengallery/categories/oformlenie-akvariuma.5/" class="categoryLink Tooltip">***</a>
        </li>
        <li class="_categoryDepth0">
            <a href="xengallery/categories/akvariumnye-prinadlezhnosti.7/" class="categoryLink Tooltip">***</a>
        </li>
        <li class="_categoryDepth0">
            <a href="xengallery/categories/tex-razdel.6/" class="categoryLink Tooltip">***</a>
        </li>
</ol>   
                    </dl>
                </div>
</div>
</div>

пытаюсь вставить

/*sidebargallery*/
<xen:if is="@enableResponsive">
@media (max-width:1000px)
{
    .xengallerySideBar
    {
        width:100%;
    }
}
</xen:if>

не получается

 

[MC_Mike]

fairbug, а так?

/*sidebargallery*/
<xen:if is="@enableResponsive">
@media (max-width:1000px)
{
    .Responsive .xengallerySideBar
    {
        width:100%;
    }
}
</xen:if>

 

[viper]

fairbug, а так?

/*sidebargallery*/
<xen:if is="@enableResponsive">
@media (max-width:1000px)
{
    .Responsive .xengallerySideBar
    {
        width:100%;
    }
}
</xen:if>

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

 

[Mirovinger]

Вопрос в тему дополнения.