PHRAS-2608 #comment Fix custom-link of nav-bar on responsive, hide the Navigation bar if there is no sub menu #time 2h

This commit is contained in:
Harrys Ravalomanana
2019-05-28 15:30:10 +04:00
parent 3df03d8abf
commit 1eda490e65
2 changed files with 182 additions and 169 deletions

View File

@@ -63,6 +63,9 @@ $mainMenuBottomBorder: none !default;
#mainLogo {
margin:0 5px;
vertical-align: middle;
@media screen and (max-width: 1064px) {
max-width: 100px;
}
}
li {
display: inline-block;
@@ -160,7 +163,6 @@ $mainMenuBottomBorder: none !default;
}
#nav_menu_container, #nav_customlink_container, #nav_account_container {
position: absolute;
top: 35px;
z-index: 1000;
.nav_menu {
z-index: 1000;
@@ -209,13 +211,13 @@ $mainMenuBottomBorder: none !default;
}
}
#nav_menu_container {
left: 10px;
left: 0;
width: 172px;
.nav_menu {
top: 9px;
}
.arrow-up {
left: 52px;
left: 10px;
display: block;
position: absolute;
}
@@ -223,7 +225,7 @@ $mainMenuBottomBorder: none !default;
#nav_customlink_container {
display: none;
position: relative;
left: 10px;
left: 0;
width: auto;
.nav-wrapper-box {
position: absolute;
@@ -235,19 +237,21 @@ $mainMenuBottomBorder: none !default;
.nav_menu {
position: relative;
li.menu-bar-item {
width: 100%;
left: 0;
/* width: 100%;
left: 0;*/
}
li.menu-bar-item a {
> span {
padding: 0;
display: inline-block;
max-width: 140px;
overflow: hidden;
}
}
}
}
.arrow-up {
left: 82px;
left: 10px;
display: block;
position: absolute;
}
@@ -259,12 +263,13 @@ $mainMenuBottomBorder: none !default;
width: auto;
.nav-wrapper-box {
position: absolute;
right: 10px;
right: -4px;
background: #d8d8d8;
border-radius: 5px;
padding-right: 10px;
padding-left: 10px;
top: 9px;
width: 200px;
.nav_menu {
position: relative;
li.menu-bar-item {
@@ -275,12 +280,14 @@ $mainMenuBottomBorder: none !default;
> span {
padding: 0;
display: inline-block;
max-width: 170px;
overflow: hidden;
}
}
}
}
.arrow-up {
right: 23px;
right: 6px;
display: block;
position: absolute;
}