diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index de6c519b..bb13042b 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -534,6 +534,10 @@ input[type="search"]::placeholder {
   display: none;
 }
 
+.show-mobile-inline {
+  display: none;
+}
+
 @media (max-width: 1299px) {
   .hero {
     background: url("/images/hero-bg.webp") no-repeat;
@@ -556,6 +560,10 @@ input[type="search"]::placeholder {
     display: block;
   }
 
+  .show-mobile-inline {
+    display: inline;
+  }
+
   .hero {
     background: url("/images/hero-bg.webp") no-repeat;
     background-size: cover;
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 49259162..4826ff28 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -3,7 +3,7 @@
         <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
 		    <img src="/images/alguidelines-bclogo-pattern-white.png" height="32px">
             <span class="font-weight-bold show-desktop">{{ .Site.Title }}</span>
-            <span class="font-weight-bold show-mobile" style="display: inline;">{{ .Site.Params.shorttitle }}</span>
+            <span class="font-weight-bold show-mobile-inline">{{ .Site.Params.shorttitle }}</span>
 	    </a>
 	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
 		<ul class="navbar-nav mt-2 mt-lg-0">