delete name tag on mobiles

2020-03-22 18:07:58 +01:00
parent c32b972bdb
commit 6c3fecaf68
2 changed files with 6 additions and 1 deletions
--- a/css/home.css
+++ b/css/home.css
@@ -93,6 +93,11 @@
        height: 300px;
        width: 100%;
    }
+
+    /* hide name tag on mobiles */
+    #nameTag {
+        display: none;
+    }
 }

@media only screen and (min-width: 600px) {
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 <body data-spy="scroll" data-target=".navbar" data-offset="50">
 <div id="maincontent">
    <nav class="navbar navbar-expand-sm navbar-dark fixed-top">
-        <a class="navbar-brand" href="#">Lukas</a>
+        <a class="navbar-brand" href="#"><div id="nameTag">Lukas</div></a>
        <!-- Toggler/collapsibe Button -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>