fix double row nav bar bug
parent
c7231b40fc
commit
5b1198986a
|
@ -1,4 +1,4 @@
|
|||
@media screen and (max-width: 768px) {
|
||||
@media screen and (max-width: 974px) {
|
||||
.all-content-wrapper {
|
||||
padding: 11rem 0 0;
|
||||
overflow: hidden;
|
||||
|
@ -32,4 +32,4 @@
|
|||
100% {
|
||||
transform: translateX(0)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -142,8 +142,14 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media screen and (max-width: 974px) {
|
||||
.top-menu-container .nav-links {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 975px) {
|
||||
.mobile-menu-icon {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -36,7 +36,7 @@ export class NavBar extends React.Component<NavBarProps, Partial<NavBarState>> {
|
|||
`${hasName.split(" ")[0]} ▾` : `${t("Menu")} ▾`;
|
||||
|
||||
const menuIconClassNames: string[] = [
|
||||
"fa", "fa-bars", "visible-xs-inline-block", "mobile-menu-icon"
|
||||
"fa", "fa-bars", "mobile-menu-icon"
|
||||
];
|
||||
|
||||
/** The way our app is laid out, we'll pretty much always want this bit. */
|
||||
|
|
Loading…
Reference in New Issue