Add a dropdown menu to the forum navigation

[admin]

Description:
Add dropdown menu to forum navigation.

Open the PAGE_CONTAINER template for your theme and locate the following code bloc

<xf:if is="$xf.options.registrationSetup.enabled">
                                <a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register"
                                    data-xf-click="overlay" data-follow-redirects="on">
                                    <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
                                </a>
                            </xf:if>
                        </xf:if>
                    </div>

Add the code I've provided below directly below it and save:

<div class="trxf-yardim-butonu" data-xf-click=" menu" aria-label="Daha fazla seçenek" aria-expanded="false" aria-haspopup="true">
            Yardım istiyorum!
    </div>
    <div class="menu" data-menu="menu" aria-hidden="true">
        <div class="menu-content">
            <a href="/resources/categories/template-modifications-2-x.2/" class="menu-linkRow">- XNFORO.IR</a>
<a href="/resources/categories/template-modifications-2-x.2/" class="menu-linkRow">-XNFORO.IR</a>
<a href="/resources/categories/template-modifications-2-x.2/" class="menu-linkRow">- XNFORO.IR</a>
<a href="/resources/categories/template-modifications-2-x.2/" class="menu-linkRow">- XNFORO.IR</a>
        </div>
    </div>

Add the following code to the extra.less template of the theme you are using:

.trxf-yardim-butonu {
    background: #f2930d;
    color: #ffffff;
    display: inline-block;
    padding: 0 calc(20 * 1px);
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    transition: all 300ms;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 8px;
    &:after {
        .m-faContent(@fa-var-level-down);
    }
        }
@media (max-width: 650px) {
.trxf-yardim-butonu {
    display: none;
}
    }