fix navigation on mobile

Signed-off-by: Arhell <[email protected]>

Author: Arhell

docs/resources/_gen/assets/scss/sass/styles.scss_b95b077eb505d5c0aff8055eaced30ad.content

@@ -7837,7 +7837,7 @@ body {
       text-align: left; }
       @media only screen and (max-width: 60em) {
         .home #helm .billboard {
-          padding: 200px 23px 100px 20px; } }
+          padding: 0 23px 100px 20px; } }
       .home #helm .billboard .helm-logo {
         max-width: 120px; }
       .home #helm .billboard #underline1 {
@@ -8353,37 +8353,39 @@ body {
       left: 50%;
       margin: 0.25rem auto 0 -25%;
       display: block !important; }
-  nav.home-nav ul {
-    margin-left: auto;
-    margin-right: auto; }
-    nav.home-nav ul li {
-      padding: 0;
-      margin: 0; }
-      nav.home-nav ul li a {
-        background-color: #cfedfa;
-        padding: 0.25rem 1rem;
-        margin: 0 0.333rem 0.75rem;
-        font-size: 1rem;
-        border-radius: 0.35em;
-        min-width: 15vw; }
-  nav.home-nav h1 {
-    position: absolute;
-    left: 7%;
-    top: 0.5rem;
-    margin-left: -3.5%;
-    min-width: 86%;
-    text-align: center; }
-    nav.home-nav h1 img {
-      max-width: 45%;
-      min-height: auto !important;
-      margin: 0 auto; }
-  nav.home-nav ul {
-    position: absolute;
-    top: 7.5rem;
-    left: 0%;
-    width: 100%;
-    right: 0%;
-    text-align: center; }
+  nav.home-nav {
+    position: relative; }
+    nav.home-nav ul {
+      margin-left: auto;
+      margin-right: auto; }
+      nav.home-nav ul li {
+        padding: 0;
+        margin: 0; }
+        nav.home-nav ul li a {
+          background-color: #cfedfa;
+          padding: 0.25rem 1rem;
+          margin: 0 0.333rem 0.75rem;
+          font-size: 1rem;
+          border-radius: 0.35em;
+          min-width: 15vw; }
+          nav.home-nav ul li a img {
+            margin: -0.8rem 0rem 0rem 0rem;
+            max-height: 2rem; }
+    nav.home-nav h1 {
+      position: relative;
+      min-width: 86%;
+      text-align: center; }
+      nav.home-nav h1 img {
+        max-width: 45%;
+        min-height: auto !important;
+        margin: 0 auto; }
+    nav.home-nav ul {
+      position: relative;
+      top: 2.25rem;
+      right: 0;
+      padding-right: 2rem;
+      width: 100%;
+      text-align: center; }
   .home #helm .billboard h1 {
     font-size: 5.755vw;
     margin: 3rem 3.5vw 1.5em;

docs/resources/_gen/assets/scss/sass/styles.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -56,7 +56,7 @@
       text-align:left;
 
       @include mobile{
-        padding: 200px 23px 100px 20px;
+        padding: 0 23px 100px 20px;
       }
 
       .helm-logo {

docs/themes/porter/assets/sass/docs-home.scss

@@ -75,6 +75,7 @@
   }
 
   nav.home-nav {
+    position: relative;
     ul {
       margin-left: auto;
       margin-right: auto;
@@ -90,15 +91,17 @@
           font-size: 1rem;
           border-radius: 0.35em;
           min-width: 15vw;
+
+          img {
+            margin: -0.8rem 0rem 0rem 0rem;
+            max-height: 2rem;
+          }
         }
       }
     }
 
     h1 {
-      position: absolute;
-      left: 7%;
-      top: 0.5rem;
-      margin-left: -3.5%;
+      position: relative;
       min-width: 86%;
       text-align: center;
 
@@ -110,11 +113,11 @@
     }
 
     ul {
-      position: absolute;
-      top: 7.5rem;
-      left: 0%;
+      position: relative;
+      top: 2.25rem;
+      right: 0;
+      padding-right: 2rem;
       width: 100%;
-      right: 0%;
       text-align: center;
     }
   }

docs/themes/porter/assets/sass/docs-responsive.scss

@@ -4,4 +4,4 @@
 <li><a href="/community" title="Connect with Other Users">Community</a></li>
 <li><a href="/learning" title="Videos and Tutorials">Learning</a></li>
 <li><a href="/docs" title="Porter Documentation">Docs</a></li>
-<li><a href="https://github.com/getporter/porter" target="_blank" class="hide-for-small-only" title="Porter on Github"><img src="{{ .Site.BaseURL }}img/github.svg" alt="Github" /></a></li>
+<li><a href="https://github.com/getporter/porter" target="_blank" title="Porter on Github"><img src="{{ .Site.BaseURL }}img/github.svg" alt="Github" /></a></li>

docs/themes/porter/layouts/partials/nav.html

@@ -1,11 +1,17 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  
   <url>
     <loc>/</loc>
-  </url><url>
+  </url>
+  
+  <url>
     <loc>/categories/</loc>
-  </url><url>
+  </url>
+  
+  <url>
     <loc>/tags/</loc>
   </url>
+  
 </urlset>