mobile : center text button. homogenize close / open nav btns
This commit is contained in:
parent
455801a0d2
commit
6c245966e1
9 changed files with 92 additions and 64 deletions
|
|
@ -5,12 +5,7 @@
|
|||
|
||||
border-bottom: 0;
|
||||
}
|
||||
.open-nav-wrapper {
|
||||
border-top: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
background-color: #000;
|
||||
padding: 3px var(--unit--horizontal) 6px var(--unit--horizontal);
|
||||
}
|
||||
|
||||
[data-template="home"] #main-footer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
|
|
@ -25,6 +20,22 @@
|
|||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.open-nav {
|
||||
box-sizing: border-box;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
outline: none;
|
||||
border-top: 1px solid #fff;
|
||||
font-size: var(--font-size-m);
|
||||
background-color: #000;
|
||||
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
|
||||
margin-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
#main-footer li {
|
||||
display: block !important;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue