Video XenForo 2 Sidebar'ı Sola Almak

<xf:if is="$sidebar">
    <div class="p-body-sidebar">
    <xf:ad position="container_sidebar_above" />
    <xf:foreach loop="$sidebar" value="$sidebarHtml">
    {$sidebarHtml}
    </xf:foreach>
    <xf:ad position="container_sidebar_below" />
    </div>
</xf:if>

<xf:if is="$sidebar">
    <div class="p-body-sidebar SidebarSag">
    <xf:ad position="container_sidebar_above" />
    <xf:foreach loop="$sidebar" value="$sidebarHtml">
    {$sidebarHtml}
    </xf:foreach>
    <xf:ad position="container_sidebar_below" />
    </div>
</xf:if>

<div class="p-body-content">
    <xf:ad position="container_content_above" />
    <div class="p-body-pageContent">{$content|raw}</div>
    <xf:ad position="container_content_below" />
</div>

<xf:if is="$sidebar">
    <div class="p-body-sidebar SidebarSol">
    <xf:ad position="container_sidebar_above" />
    <xf:foreach loop="$sidebar" value="$sidebarHtml">
    {$sidebarHtml}
    </xf:foreach>
    <xf:ad position="container_sidebar_below" />
    </div>
</xf:if>

.SidebarSag{
    display:none !important;
}

@media (max-width:@xf-responsiveNarrow)
{
    .SidebarSol{
        display:none !important;
    }
  
    .SidebarSag{
    display:block !important;
    }
}

@media (max-width:@xf-publicNavCollapseWidth)
  
{
    .SidebarSol{
        display:none !important;
    }
  
    .SidebarSag{
    display:block !important;
    }
}

    .p-body-main--withSidebar &
    {
        padding-right: @xf-sidebarSpacer;
    }

    .p-body-main--withSidebar &
    {
        padding-left: @xf-sidebarSpacer;
    }