diff --git a/assets/style.css b/assets/style.css index f011781..ce10536 100644 --- 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; } } -