diff --git a/static-site/components/nav/nav-logo.tsx b/static-site/components/nav/nav-logo.tsx
index af08c76f8..417e89c5c 100644
--- a/static-site/components/nav/nav-logo.tsx
+++ b/static-site/components/nav/nav-logo.tsx
@@ -37,9 +37,11 @@ const LogoType = (): React.ReactElement => {
   );
 
   return (
-    <a href="/" className={styles.wordmark}>
-      {rainbowTitle}
-      {groupsApp && <SubTitle />}
-    </a>
+    <div className={styles.responsiveTitle}>
+      <a href="/" className={styles.wordmark}>
+        {rainbowTitle}
+        {groupsApp && <SubTitle />}
+      </a>
+    </div>
   );
 };
diff --git a/static-site/components/nav/styles.module.css b/static-site/components/nav/styles.module.css
index e96328e63..2487a6cdf 100644
--- a/static-site/components/nav/styles.module.css
+++ b/static-site/components/nav/styles.module.css
@@ -1,3 +1,9 @@
+@media (max-width: 768px) {
+  .responsiveTitle {
+    display: none;
+  }
+}
+
 .nav {
   align-items: center;
   display: flex;
diff --git a/static-site/src/components/nav-bar/index.tsx b/static-site/src/components/nav-bar/index.tsx
index 644130234..3b42e75a8 100644
--- a/static-site/src/components/nav-bar/index.tsx
+++ b/static-site/src/components/nav-bar/index.tsx
@@ -105,14 +105,21 @@ const NavBar = ({ minified }: {
     const SubTitle = styled.div`
       color: black;
     `;
+    const ResponsiveTitle = styled.div`
+      @media (max-width: 768px) {
+        display: none;
+      }
+    `;
+
     return (
       minified ?
         <div/>
         :
         <a href="/">
-          {rainbowTitle}
-          {groupsApp &&
-            <SubTitle>Groups Server</SubTitle>}
+          <ResponsiveTitle>
+            {rainbowTitle}
+            {groupsApp && <SubTitle>Groups Server</SubTitle>}
+          </ResponsiveTitle>
         </a>
     );
   }