Hướng dẫn fix mod topx style mobile cho xenforo

[Admin]

Có 1 bạn xin hướng dẫn fix cái topx nên mình share
Demo: đây
Bắt đầu nào:

Vào template -> VietXfAdvStats_wrapper_section_li
Thay bằng code sau:

<xen:if is="{$section.rendered}">
    <li id="{$section.section_id}" class="VietXfAdvStats_BlockContent {$liClass}">
        {xen:raw {$section.rendered}}
    </li>
<xen:else />
 
</xen:if>

Sau đó vào VietXfAdvStats_wrapper
Thay thế bằng code sau:

<xen:require js="js/VietXfAdvStats/frontend.js" />
<xen:require css="VietXfAdvStats.css" />
        <div class=VietXfAdvStats_Header>Chủ đề mới nhất</div>
            <xen:foreach loop="$sections2nd" value="$section">
                <xen:include template="VietXfAdvStats_wrapper_section_li">
                    » <xen:set var="$liClass">VietXfAdvStats_Block2ndContent</xen:set>
                </xen:include>
            </xen:foreach>

Tiếp theo, vào VietxfAdvStats_threads_recent
Vì mình sử dụng recent thread thay cho last thread. Bạn nào sử dụng last thread thì nên dùng recent nhé.
Thay thế code sau:

<xen:require css="message.css" />   
<div class="topx">
        » <a href="{xen:link '{xen:if '{$thread.isNew}', 'threads/unread', 'threads'}', {$thread}}">
            <xen:if is="@VietXfAdvStats_ThreadTitleChars > 0">
                {xen:helper wordtrim, {$thread.title}, @VietXfAdvStats_ThreadTitleChars}
            <xen:else />
                {$thread.title}
            </xen:if>
        </a>
        (<xen:username user="$thread" rich="true" />)
    </div>

Vào message.css thêm css sau:

.topx
{
    /*
    background-color:#FFFFFF;
    color:#000000;
    font-size:.9em;
    padding: 4px;
    width:100% -8px;
    margin-lefT:auto;
    margin-right:auto;
    border-left:1px solid @subHeading.border-bottom-color;
    border-right:1px solid @subHeading.border-bottom-color;
    border-bottom:1px solid @subHeading.border-bottom-color;
    */
    padding: 3px;
    border-left:1px solid @subHeading.border-bottom-color;
    border-right:1px solid @subHeading.border-bottom-color;
    border-bottom:1px solid @subHeading.border-bottom-color;
}