User menu on web and mobile discrepancies
By Stefano Virgilli on Wednesday, 23 October 2019
Posted in General Issues
Likes 0
Views 484
Votes 0
I was guiding a user on where to find Invite Friends, but turned out my instructions were based on web version, so he could not find on his mobile.
At a closer look, the Navigation in Mobile view is quite different than Navigation on the Web.

Achievements, Points and Invite Friends are not available.
Also privacy is not there...
Where can these be found on a mobile?
Hey there,

Currently, the Achievements, Points and Invite Friends link are not available on mobile version.

For Manage Privacy, you can go to edit profile page first, then click on the 'Other Links' and you will see it. https://take.ms/6WUBX
Irwin
·
Thursday, 24 October 2019 11:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks...

A quick idea could be to have this code to display Invite Friends :



			<div class="o-nav__item">

				<a href="/community/friends/invite" class="o-nav__link es-toolbar__link">

					<i class="far fa-user t-sm-visible"></i>

					<span>

						Invite Friends

					</span>

				</a>

			</div>
Stefano Virgilli
·
Thursday, 24 October 2019 13:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

Yup, you can add the following PHP code for Achievements, Points and Invite Friends link on mobile version into the template override location which is at JoomlaFolder/templates/yourCurrentTemplate/html/com_easysocial/toolbar/default.php as shown in the screenshot https://take.ms/YloDL :


<div class="o-nav__item">

				<a href="<?php echo ESR::friends(array('layout' => 'invite'));?>" class="o-nav__link es-toolbar__link">

					<i class="far fa-user t-sm-visible"></i>

					<span>

						Invite Friends

					</span>

				</a>

			</div>



<div class="o-nav__item">

				<a href="<?php echo ESR::points(array('layout' => 'history' , 'userid' => $this->my->getAlias()));?>" class="o-nav__link es-toolbar__link">

					<i class="far fa-user t-sm-visible"></i>

					<span>

						Points

					</span>

				</a>

			</div>



<div class="o-nav__item">

				<a href="<?php echo ESR::badges(array('layout' => 'achievements'));?>" class="o-nav__link es-toolbar__link">

					<i class="far fa-user t-sm-visible"></i>

					<span>

						Achievements

					</span>

				</a>

			</div>


Take note that you need to change the font awesome for it.
Irwin
·
Thursday, 24 October 2019 14:05
·
0 Likes
·
0 Votes
·
0 Comments
·
There is an error in the code you provided... can you help me spotting it please?
Stefano Virgilli
·
Friday, 25 October 2019 13:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

Can you try to update it again as shown in the screenshot and see how it goes? https://take.ms/i3YXw

P.s. remove the 3 slashes that I pointed to.
Irwin
·
Friday, 25 October 2019 13:27
·
0 Likes
·
0 Votes
·
0 Comments
·
It works fine, but I am trying to change Font Awesome, following version 4, and won't work...

<i class="far fa-dollar t-sm-visible"></i>

<i class="far fa-trophy t-sm-visible"></i>
Stefano Virgilli
·
Monday, 28 October 2019 11:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Oh, got it... it's fas not far
Stefano Virgilli
·
Monday, 28 October 2019 11:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
Manisha Ranawat
·
Monday, 28 October 2019 13:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post