vec: Hide /home/{user} text on smaller screens

Signed-off-by: Harsh Shandilya <harsh@prjkt.io>

themes/hugo-theme-vec/layouts/partials/header.html

@@ -3,7 +3,7 @@
     <ul>
       {{ $title := lower .Title }}
       {{ $section := lower .Section }}
-      <li class="pull-left {{ if .IsHome }}current{{ end }}">
+      <li class="pull-left header_item {{ if .IsHome }}current{{ end }}">
         <a href="{{ .Site.BaseURL }}">/home/{{ lower .Site.Params.Username}}</a>
       </li>
       {{ range .Site.Menus.main }}

themes/hugo-theme-vec/static/css/vec.css

@@ -501,4 +501,12 @@ footer .footer-info {
 .icons{
     font-size:2em
 }
+
+@media screen and (max-width: 600px) {
+    .header_item {
+        visibility: hidden;
+        display: none;
+    }
+}
+
 /*# sourceMappingURL=vec.css.map */