diff --git a/_includes/nav.html b/_includes/nav.html
index 30a1693..208e807 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -2,16 +2,16 @@
 
 <div class="{% unless homepage %}border-bottom{% endunless %}">
   <div class="container-lg px-3">
-    <div class="py-4 d-sm-flex flex-sm-row">
-      <h1 class="alt-h4 col-sm-4 lh-default v-align-middle">
+    <div class="py-4 d-flex flex-row flex-justify-between">
+      <h1 class="alt-h4 lh-default v-align-middle">
         {% unless homepage %}
         <a href="/" class="no-underline text-uppercase text-brand-blue-dark">
           <img class="v-align-middle" style="margin: -12px 8px -12px 0;" src="/assets/probot-head.png" height="36" alt="">
-          Probot
+          <span class="d-xs-none">Probot</span>
         </a>
         {% endunless %}
       </h1>
-      <nav class="text-bold col-sm-8 text-sm-right">
+      <nav class="text-bold text-right">
         <a class="text-inherit px-2 d-inline-block" href="/apps/">Explore</a>
         <a class="text-inherit px-2 d-inline-block" href="/docs/">Build</a>
         <a class="text-inherit px-2 d-inline-block" href="/contribute/">Contribute</a>
diff --git a/assets/css/index.scss b/assets/css/index.scss
index 5194e41..5b84d91 100644
--- a/assets/css/index.scss
+++ b/assets/css/index.scss
@@ -27,3 +27,9 @@ img {
 code {
   font-size: 14px;
 }
+
+@media (max-width: 543px) {
+	.d-xs-none {
+		display: none!important;
+	}
+}