Remove menu animation in mobile

ronaldaug · Nov 2, 2019 · b41cddd05e7ed235d4f1f2039eed151d2e6f2fd5 · b41cddd
1 parent df6315c
commit b41cddd05e7ed235d4f1f2039eed151d2e6f2fd5
Unified Split

Showing with 36 additions and 24 deletions.

+3 −3 README.md

+7 −5 css/style.css

+1 −1 css/style.css.map

+25 −15 sass/_navbar.scss
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # Styler - A lightweight and responsive theme for Bludit CMS.
 
-# Features
+## Features
 - Full-screen image slider
 - Fade In Animations (AOS)
 - SASS
@@ -15,10 +15,10 @@
 - Create a new category called "slider"
 - Create posts that link to "slider" category
 - Slider image is equal to cover image.
-- Recommend slider image size is 1200 X 400 in pixels
+- Recommend slider image size is 1200 x 400 in pixels
 
 
-# How to change main theme colors
+## How to change main theme colors
 - Open `sass/_variables.scss` and edit two virables `$theme-color` and `$theme-hover-color`
 - Compile SASS to `css/style.css`
 

diff --git a/css/style.css b/css/style.css
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/sass/_navbar.scss b/sass/_navbar.scss
@@ -3,21 +3,6 @@
         line-height:1em;
         .nav-link{
             color:#fff;
-            position:relative;
-            &:before{
-                transition:all ease 0.2s;
-                width:0;
-                height:1px;
-                background:#fff;
-                left:50%;
-                bottom:0;
-                content:'';
-                position: absolute;
-            }
-            &:hover:before{
-                width:100%;
-                left:0;
-            }      
         }
     }
     .navbar-toggler{
@@ -26,3 +11,28 @@
         }
     }
 }
+
+
+@media (min-width:768px){
+    .navbar{
+        .nav-item{
+            .nav-link{
+                position:relative;
+                &:before{
+                    transition:all ease 0.2s;
+                    width:0;
+                    height:1px;
+                    background:#fff;
+                    left:50%;
+                    bottom:0;
+                    content:'';
+                    position: absolute;
+                }
+                &:hover:before{
+                    width:100%;
+                    left:0;
+                }      
+            }
+        }
+    }
+}