Notification and Private Messages text hidden

[Hervé]

Hi,
When the main page loads I see the fa-bell icon and "Notifications" then the fa-inbox icon and "Private messages".
When it is loaded the text disappears leaving only the 2 icons : how to prevent the text to disappear ?
In order not to modify common.css perhaps I can add something to my custom style css.
Thanks in advance

[Administrator]

This is on mobile device I assume, in which case having no text is the correct behaviour and it is not uncommon for the text to be appearing momentarily while the page loads

[Hervé]

This is on mobile device I assume

No, it is on a PC screen (1680 x 1050 pixels) on Windows 10.
On mobile held vertically I have only the icons, the other links are in quicklinks dropdown : OK.
On mobile held horizontally I have the Icons and the texts "Notifications " and "Private messages", the other links are in quicklinks dropdown : OK.
On PC I have this : OK except text missing for "Notifications " and "Private messages"

[Administrator]

The reason for that is you have filled the available space with other icons and text meaning that there is no room left for the 'missing' text

If you had the 'missing' text there it would overflow the available space and break out of the boarders.

The solution is to either remove the extra links from navbar_header.html and/or place them in another location (navbar_footer for example)

[Hervé]

OK, thanks.
Do you think I could place them in overall_header_breadcrumbs_after.html so that they are at the left of the Facebook logo ?

[Administrator]

Try it and see, remembering to purge the boards cache afterwards to see the change

[Hervé]

I have copied overall_header_breadcrumbs_after.html from /ext/hifikabin/headerbanner/styles/prosilver/template/event/
added at the beginning the code here under ans saved in /styles/LeForumRecifal/template/event/
purged the cache as usually but nothing appears between the breadcrumbs and the search box (neither in the nav bar of course).

Code: Select all

		<!-- IF not S_IS_BOT -->
		<li data-last-responsive="true">
					<a href="https://www.facebook.com/LeForumRecifal" role="menuitem">
					    <i class="icon fa-facebook-official fa-fw" aria-hidden="true"></i><span>Facebook</span>
				    </a>
			 </li>	    	
		<li data-last-responsive="true">
					<a href="SiteMap.php" title="Structure du forum" role="menuitem">
					    <i class="icon fa-light fa-sitemap" aria-hidden="true"></i><span>Site Map</span>
				    </a>
			 </li>	    	
		<li data-last-responsive="true">
				<a href="/AllPolls.php" title="Tous les sondages" role="menuitem">
					<i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><span>Sondages</span>
				</a>
			 </li>	
		<li data-last-responsive="true">
				<a href="/Stats.php" title="Statistiques" role="menuitem">
					<i class="icon fa-chart-line fa-fw" aria-hidden="true"></i><span>Stats</span>
				</a>
			 </li>

		<li data-last-responsive="true">
				<a href="https://www.leforumrecifal.com/TopicTrack.php?user={S_USERNAME}" title="Mes sujets suivis">
					<i class="icon fa-thumb-tack fa-fw" aria-hidden="true"></i><span>Suivi</span>
				</a>
			 </li>
	    	
		<!-- ENDIF -->	

[Administrator]

I was referring to some or all of the eight other extensions that you have in navbar_header. It is those that are stopping the other text appearing.

You need to move, disable, or create a new bar to contain them all. You can not fit them all in a space thats not big enough to take them

[Hervé]

I understand, that's why I tried to move 5 (Facebook, Site Map, Sondages, Stats and Suivi)
from /styles/LeForumRecifal/template/navbar_header.html (they appear but not "Notifications " and "Private messages" texts)

If I make the modifications in
/ext/hifikabin/headerbanner/styles/prosilver/template/event/overall_header_breadcrumbs_after.html
it works but in order not to modify your template I saved it to my own style i.e.
/styles/LeForumRecifal/template/event/overall_header_breadcrumbs_after.html
perhaps it is not the right way ?

[Administrator]

My thoughts are if it works, then it works. As long as you make notes of what you have done for if/when any extension is updated.

DO NOT rely on your memory, trust me you WILL foget