minor improves css (#6)

dynamikaweb · Aug 26, 2021 · 0e2cb95 · 0e2cb95
1 parent 3c44b4e
commit 0e2cb95
Showing 1 changed file with 26 additions and 36 deletions.
diff --git a/assets/style.css b/assets/style.css
@@ -37,22 +37,19 @@
 
 .dynamika-menu-span-sub {
 	display:flex;
-	flex-direction: row;
 	flex-grow:1;
-}
-
-.dynamika-menu-span-sub {
+	min-width: 33%;
 	flex-direction: column;
 }
 
-/* MENU RESPONSIVO */
+/* RESPONSIVE MOBILE VERSION */
 @media (min-width: 320px) and (max-width: 767px) {
 	.dynamika-menu-nav-forest {
 		width:100%;
 	}
 
 	.dynamika-menu-ul-forest {
-		list-style: initial !important;
+		list-style: initial;
 		margin:0;
 		padding: 0;
 		position: relative;
@@ -70,90 +67,83 @@
 	}
 
 	.dynamika-menu-span-items {
-		display:initial !important;
+		display:initial;
 		top:100%;
-		left:0;/*novo*/
-		right:0;/*novo*/
-		position:initial !important; /*problema*/
+		left:0;
+		right:0;
+		position:initial;
 		display: none;
 		z-index: 1;
 	}
 
 	.dynamika-menu-li-root:hover .dynamika-menu-span-items {
-		display: block  !important;
+		display: block ;
 	}
 
 	.dynamika-menu-span-sub {
-		display:flex;
-		flex-direction: row;
-		flex-grow: 1;
-	}
-
-	.dynamika-menu-span-sub {
-		flex-direction: column;
+		min-width: initial;
 	}
 
 
 	#box-menu{
 		position: relative;
 		min-width: 100%;
-		flex-direction:column !important;
+		flex-direction:column;
 	}
 
 	#box-menu .container-fluid{
-		padding-right:3% !important;
-   		padding-left:3% !important;
+		padding-right:3%;
+   		padding-left:3%;
    		margin-right:auto;
    		margin-left:auto;
 	}
 
 	.dynamika-menu-ul-forest li a{
-		color:#000 !important;
+		color:#000;
  		text-align:left;
 	}
 
 	.dynamika-menu-ul-forest > li:hover a{
-		color:#000 !important;
+		color:#000;
 	}
 
 	.dynamika-menu-nav-forest .dynamika-menu-ul-forest{
 		display:flex;
-		flex-direction:column !important;
+		flex-direction:column;
 	}
 
 	.dynamika-menu-nav-forest .dynamika-menu-ul-forest .dynamika-menu-li-root{
-		flex-basis: unset !important;
+		flex-basis: unset;
 	}
 
 	.dynamika-menu-nav-forest .dynamika-menu-li-root:hover ul{
-		display:block !important;
+		display:block;
 	}
 
 	.dynamika-menu-nav-forest > .dynamika-menu-li-root > .dynamika-menu-a-root{
-		height:40px !important;
- 		border-bottom:1px solid rgba(255,255,255,.2) !important;
+		height:40px;
+ 		border-bottom:1px solid rgba(255,255,255,.2);
 	}
 
 	.dynamika-menu-nav-forest .dynamika-menu-li-root ul{
-		position: unset !important;
- 		top:auto !important;
- 		height:auto !important;
-		display: block !important;
+		position: unset;
+ 		top:auto;
+ 		height:auto;
+		display: block;
 	}
 
 	.dynamika-menu-nav-forest .dynamika-menu-li-root ul a{
 		font-size:.95em;
- 		text-align:left !important;
+ 		text-align:left;
  		width:100%;
 	}
 
 	.dynamika-menu-span-items{
-		visibility: initial !important;
-		display: none !important ;
+		visibility: initial;
+		display: none ;
 	}
 
 	.dynamika-menu-li-root:hover .dynamika-menu-span-items{
 		display: none;
 	}
 }
-