diff --git a/config.toml b/config.toml
index 89d62ede..3901c86d 100644
--- a/config.toml
+++ b/config.toml
@@ -85,6 +85,7 @@ copyright = "alguidelines.dev Project"
 github_repo = "https://github.com/microsoft/alguidelines"
 github_project_repo = "https://github.com/microsoft/alguidelines"
 privacy_policy = ""
+shorttitle = "alguidelines.dev"
 
 # Google Custom Search Engine ID. Remove or comment out to disable search.
 # gcs_engine_id = "c632b781ffe71b197"
diff --git a/content/_index.md b/content/_index.md
index 1f0e8a85..0117a774 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -187,8 +187,8 @@ images: ["images/og-image-fission.png"]
 
   <div class="show-mobile">
           <div class="community-cards">
-            <a href="https://discord.gg/4wbfNv3"
-              ><div class="card-shadow">
+            <a href="https://discord.gg/4wbfNv3">
+              <div class="card-shadow">
                 <div class="card-header-custom">
                   <h2 style="padding-right: 0.8rem;"><i class="fab fa-discord"></i></h2>
                   <h2 class="section-text-bold">Discord</h2>
@@ -196,11 +196,10 @@ images: ["images/og-image-fission.png"]
                 <p class="section-text">
                   Join the BC Community to engage with other BC Professionals.
                 </p>
-              </div></a
-            >
-
-  <a href="https://github.com/microsoft/alguidelines"
-              ><div class="card-shadow">
+              </div>
+            </a>
+            <a href="https://github.com/microsoft/alguidelines">
+              <div class="card-shadow">
                 <div class="card-header-custom">
                   <h2 style="padding-right: 0.8rem;"><i class="fab fa-github"></i></h2>
                   <h2 class="section-text-bold">GitHub</h2>
@@ -209,10 +208,10 @@ images: ["images/og-image-fission.png"]
                   Dive into the code. Submit PRs
                   and collaborate with other like-minded contributors.
                 </p>
-              </div></a
-            >
-            <a href="https://twitter.com/search?q=%23bcalhelp"
-              ><div class="card-shadow twitter-card" style="margin-left: auto">
+              </div>
+            </a>
+            <a href="https://twitter.com/search?q=%23bcalhelp">
+              <div class="card-shadow twitter-card" style="margin-left: auto">
                 <div class="card-header-custom">
                   <h2 style="padding-right: 0.8rem;"><i class="fab fa-twitter"></i></h2>
                   <h2 class="section-text-bold">Twitter</h2>
@@ -220,8 +219,8 @@ images: ["images/og-image-fission.png"]
                 <p class="section-text">
                   Chat about this with the <b class="text-highlight">#bcalhelp</b> hashtag.
                 </p>
-              </div></a
-            >
+              </div>
+            </a>
           </div>
         </div>
       </div>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 0c5155c5..49259162 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -2,7 +2,8 @@
 <nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
         <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
 		    <img src="/images/alguidelines-bclogo-pattern-white.png" height="32px">
-            <span class="font-weight-bold">{{ .Site.Title }}</span>
+            <span class="font-weight-bold show-desktop">{{ .Site.Title }}</span>
+            <span class="font-weight-bold show-mobile" style="display: 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">