Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
All the same, your styles for xenforo 1.5.23 require corrections, here on the website the button is not displayed where it should be.I didnt think there were any outdated templates, our latest versions should run on 1.5.23 just fine with no outdated templates.
<xen:require css="message_user_info.css" />
<div class="messageUserInfo">
<div class="messageUserBlock {xen:if $user.isOnline, online} {xen:if @xb_animated_online, 'xbOnlineAnimated', 'xbOnlineRegular'}">
<xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<div class="avatarHolder">
<span class="helper"><span></span></span>
<xen:avatar user="$user" size="@xb_avatarSize" img="true" />
<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="<xen:if is=" @xb_animated_online">-10<xen:else />-22</xen:if>" data-offsetY="-8"></span></xen:if>
<!-- slot: message_user_info_avatar -->
</div>
</xen:hook>
<xen:if is="!{$isQuickReply}">
<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<h3 class="userText">
<xen:username user="$user" rich="true" />
<xen:if hascontent="true"><em class="userTitle"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
{xen:helper userBanner, $user, 'wrapped'}
<!-- slot: message_user_info_text -->
</h3>
</xen:hook>
<xen:if hascontent="true">
<div class="extraUserInfo{xen:if @xb_famessageuser_boxed, ' xbBoxedFA'}">
<xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:if hascontent="true">
<div class="xbMainUserInfo">
<xen:contentcheck>
<xen:if is="@messageShowMessageCount AND {$user.user_id}">
<dl class="pairsJustified xbMessages">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase messages}:</xen:if></dt>
<dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
</dl>
</xen:if>
<xen:if is="@messageShowTotalLikes AND {$user.user_id}">
<dl class="pairsJustified xbLikes">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase likes_received}:</xen:if></dt>
<dd>{xen:number $user.like_count}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowTrophyPoints AND {$user.user_id} AND {$xenOptions.enableTrophies}">
<dl class="pairsJustified xbTrophyPoints">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase trophy_points}:</xen:if></dt>
<dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
</dl>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>
<xen:if is="@messageShowRegisterDate AND {$user.user_id}">
<dl class="pairsJustified xbJoinDate">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-calendar fa-fw Tooltip" title="{xen:phrase joined}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase joined}:</xen:if></dt>
<dd>{xen:date $user.register_date}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowGender AND {$user.gender}">
<dl class="pairsJustified xbGender">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-user fa-fw Tooltip" title="{xen:phrase gender}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase gender}:</xen:if></dt>
<dd><xen:if is="{$user.gender} == 'male'">{xen:phrase male}<xen:else />{xen:phrase female}</xen:if></dd>
</dl>
</xen:if>
<xen:if is="@messageShowOccupation AND {$user.occupation}">
<dl class="pairsJustified xbOccupation">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-university fa-fw Tooltip" title="{xen:phrase occupation}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase occupation}:</xen:if></dt>
<dd>{xen:string censor, $user.occupation}</dd>
</dl>
</xen:if>
<xen:if is="@messageShowLocation AND {$user.location}">
<dl class="pairsJustified">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-map fa-fw Tooltip" title="{xen:phrase location}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase location}:</xen:if></dt>
<dd>
<xen:if is="{$xenOptions.geoLocationUrl}">
<a href="{xen:link 'misc/location-info', '', 'location={xen:string censor, $user.location, '-'}'}" target="_blank" rel="nofollow noreferrer" class="concealed">{xen:string censor, $user.location}</a>
<xen:else />
{xen:string censor, $user.location}
</xen:if>
</dd>
</dl>
</xen:if>
<xen:if is="@messageShowHomepage AND {$user.homepage}">
<dl class="pairsJustified xbHomepage">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-globe fa-fw Tooltip" title="{xen:phrase home_page}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:phrase home_page}:</xen:if></dt>
<dd><a href="{xen:string censor, $user.homepage, '-'}" rel="nofollow" target="_blank">{xen:phrase visit_site}</a></dd>
</dl>
</xen:if>
</xen:hook>
<xen:if is="@messageShowCustomFields AND {$user.customFields}">
<xen:hook name="message_user_info_custom_fields" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
<xen:foreach loop="$userFieldsInfo" key="$fieldId" value="$fieldInfo">
<xen:if is="{$fieldInfo.viewable_message} AND ({$fieldInfo.display_group} != 'contact' OR {$user.allow_view_identities} == 'everyone' OR ({$user.allow_view_identities} == 'members' AND {$visitor.user_id}))">
<xen:if hascontent="true">
<dl class="pairsJustified userField_{$fieldId} xbCustomField">
<dt><xen:if is="@xb_fa_messageUserInfo"><i class="fa fa-cog fa-fw Tooltip" title="{xen:helper userFieldTitle, $fieldId}" data-offsetX="-6" data-offsetY="0"></i><xen:else />{xen:helper userFieldTitle, $fieldId}:</xen:if></dt>
<dd><xen:contentcheck>{xen:helper userFieldValue, $fieldInfo, $user, {$user.customFields.{$fieldId}}}</xen:contentcheck></dd>
</dl>
</xen:if>
</xen:if>
</xen:foreach>
</xen:hook>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>
</xen:if>
<span class="arrow"><span></span></span>
</div>
</div>
And how to enable the default style?