diff --git a/css/glowingbear.css b/css/glowingbear.css
index f90c001..ca39920 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -620,6 +620,8 @@ img.emojione {
 
     #topbar .title {
         left: 40px;
+        right: 60px;
+        text-align: center;
     }
 
     #topbar .actions {
diff --git a/index.html b/index.html
index 996975e..27d1a9c 100644
--- a/index.html
+++ b/index.html
@@ -222,9 +222,13 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           </a>
           <button ng-if="debugMode" ng-click="countWatchers()">Count<br />Watchers</button>
         </div>
+
         <div class="title" title="{{activeBuffer().rtitle}}">
-          <span ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
+          <span class="visible-lg" ng-repeat="part in activeBuffer().title" ng-class="::part.classes" ng-bind-html="::(part.text | linky:'_blank' | DOMfilter:'irclinky')"></span>
+          <span class="hidden-lg">{{ activeBuffer().trimmedName || activeBuffer().fullName }}</span>
+
         </div>
+
         <div class="actions pull-right vertical-line-left">
           <div class="pull-left">
             <a class="settings-toggle" ng-click="showModal('settingsModal')" title="Options menu">