update breakpoint and modify ui of search bar

This commit is contained in:
Mike Ng
2018-06-06 11:53:27 +04:00
parent 109cda896d
commit 6086920c9c
2 changed files with 24 additions and 8 deletions

View File

@@ -129,22 +129,36 @@ $mainMenuBottomBorder: none !default;
}
}
@media screen and (max-width: 760px) {
.mobilemenu {
display: block;
@media screen and (max-width: 1064px) {
#rightFrame {
#idFrameT {
top: 100px;
}
}
.searchFormWrapper {
.controls-row {
.input-append {
float: none !important;
}
.control-group {
float: none !important;
}
}
}
#mainMenu {
.show-menu {
display: inline-block;
cursor: pointer;
}
.mobilemenu {
display: block;
}
.desktopmenu {
display: none;
}
#nav_menu_container, #nav_customlink_container, #nav_account_container {
position: absolute;
top: 35px;
width: 172px;
z-index: 1000;
.nav_menu {
z-index: 1000;
@@ -193,12 +207,13 @@ $mainMenuBottomBorder: none !default;
}
}
#nav_menu_container {
top: 35px;
left: 10px;
width: 172px;
.nav_menu {
top: 9px;
}
.arrow-up {
left: 62px;
left: 52px;
display: block;
position: absolute;
}
@@ -236,6 +251,7 @@ $mainMenuBottomBorder: none !default;
}
}
#nav_account_container {
display: none;
position: relative;
right: 10px;
width: auto;