XF 2.2 Change lenguage selection button to the top

It will be a template edit... but realize, doing that will also affect the display on your mobile devices unless you take GREAT care in your styling.
Before you give much consideration to that, be sure to view your current site on a cell phone and see if there is the "spare space" for that to show up. if not, you are getting into a more difficult area as you will need to know how to get that to show up on the hamburger bar.
 
An idea... Which you could use as a basis.

extra.less
Code:
.p-navgroup-link
{
    &.p-navgroup-link--language-chooser i:after
    {
        .m-faContent(@fa-var-globe);
    }
}


TMS for PAGE_CONTAINER

search:
<a href="{{ link('conversations') }}"


repleace
Code:
<a href="{{ link('misc/language') }}" data-xf-click="overlay"
                                data-xf-init="tooltip" title="{{ phrase('language_chooser')|for_attr }}" rel="nofollow"
   class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--language-chooser"
   title="{{ phrase('language_chooser')|for_attr }}">
    <i aria-hidden="true"></i>
</a>

$0


1678877137877.webp
 
Hello DevPunk

I'm new on XenForo and this topic, so excuse my inquiries.

Do I have to completely replace this passage with your suggestion here so that the icon appears at the top?

<a href="{{ link('conversations') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.conversations_unread|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{{ phrase('conversations')|for_attr }}"
aria-label="{{ phrase('conversations')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
</a>
 
Top Bottom