From cab6d366945e18dd7d3fbfe0164b1af2dca59447 Mon Sep 17 00:00:00 2001
From: Sarthak Batra <batrasoe@outlook.com>
Date: Sun, 1 Oct 2017 18:11:18 +0530
Subject: [PATCH] #63 Fixes nav mobile layout

---
 _includes/nav.html    | 8 ++++----
 assets/css/index.scss | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

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;
+	}
+}