Merge pull request #673 from Rahulm2310/responsivemenufix

lmccart · web-flow · commit 5bae9b3c2dd0 · 2020-04-12T17:55:30.000-07:00
Fixed the menu links hover effect on smaller devices
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -87,6 +87,8 @@
   .sidebar-menu a {
     display: block;
     text-align: center;
+    padding-bottom: 0.11em;
+    border-bottom: 0.11em dashed transparent;
   }
 
   .sidebar-menu-icon {

Original file line number	Diff line number	Diff line change
`@@ -87,6 +87,8 @@`
`87`	`87`	`.sidebar-menu a {`
`88`	`88`	`display: block;`
`89`	`89`	`text-align: center;`
	`90`	`+ padding-bottom: 0.11em;`
	`91`	`+ border-bottom: 0.11em dashed transparent;`
`90`	`92`	`}`
`91`	`93`
`92`	`94`	`.sidebar-menu-icon {`