diff --git a/public/src/forum/footer.js b/public/src/forum/footer.js
index 762562978d..75ef3d499a 100644
--- a/public/src/forum/footer.js
+++ b/public/src/forum/footer.js
@@ -44,8 +44,12 @@
 	
 	socket.on('api:updateHeader', function(data) {
 	
-		var rightMenu = $('#right-menu');
-		if (data.uid > 0) {
+		var rightMenu = $('#right-menu'),
+			isLoggedIn = data.uid > 0;
+
+		if (isLoggedIn) {
+			jQuery('.nodebb-loggedin').show();
+			jQuery('.nodebb-loggedout').hide();
 
 			var userLabel = rightMenu.find('#user_label');
 			if(userLabel.length) {
@@ -55,8 +59,7 @@
 					userLabel.find('img').attr('src',data['picture']);
 				if(data['username'])
 					userLabel.find('span').html(data['username']);
-			}
-			else {
+			} else {
 				var userli = $('<li> \
 									<a id="user_label" href="/users/'+data['userslug']+'"> \
 										<img src="'+data['picture']+'"/> \
@@ -69,6 +72,9 @@
 				rightMenu.append(logoutli);
 			}
 		} else {
+			jQuery('.nodebb-loggedin').hide();
+			jQuery('.nodebb-loggedout').show();
+
 			rightMenu.html('');
 
 			var registerEl = document.createElement('li'),
diff --git a/public/templates/header.tpl b/public/templates/header.tpl
index a806fd56de..2d4dccc758 100644
--- a/public/templates/header.tpl
+++ b/public/templates/header.tpl
@@ -48,7 +48,7 @@
 						<li>
 							<a href="/recent">Recent</a>
 						</li>
-						<li>
+						<li class="nodebb-loggedin">
 							<a href="/unread"><span id="numUnreadBadge" class="badge badge-inverse">0</span> Unread</a>
 						</li>
 						<li>