onny/web-wordpress-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix extra menu button inside mobile view

Browse source
This commit is contained in:
Jonas Heinrich 2020-06-11 14:59:55 +02:00
parent cec86f148e
commit 0a6ae01982
5 changed files with 38 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
kit/css/header.css
View file

@ -205,7 +205,7 @@ header.sticky-header .header-lang-small {
}
header.sticky-header .header-lang-small .dropdown .dropdown-content {
top: 54px;
top: 54px;
}
.header-lang-small .dropdown .dropdown-content li:not(.active) {
@ -341,6 +341,13 @@ header.sticky-header .header-lang {
header .header-button-container {
display: none;
}
header nav ul.extraMenu {
display: inline;
}
header nav ul.extraMenu li {
border-top: 0px;
}
}
.sticky-header {

21
kit/css/menu.css
View file

@ -99,7 +99,7 @@ nav > ul > li .nav-first-level-opener::after {
}
@media (max-width: 960px) {
nav {
nav:not(.pagination) {
position: fixed;
top: 4.44444rem;
right: -360px;
@ -113,32 +113,36 @@ nav > ul > li .nav-first-level-opener::after {
background-color: #f2f2f2;
transition: right .3s;
}
nav > ul {
nav:not(.pagination) > ul {
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
nav > ul > li {
nav:not(.pagination) > ul > li {
position: relative;
z-index: 2;
width: 100%;
margin-left: 0;
border-bottom: 1px solid #cccccc;
}
nav > ul > li > a {
nav:not(.pagination) > ul > li > a {
padding: 20px;
line-height: 1;
background-color: #ffffff;
}
nav > ul > li:nth-of-type(1) {
nav:not(.pagination) > ul > li:nth-of-type(1) {
border-top: 1px solid #cccccc;
}
nav:not(.pagination) > ul.extraMenu > li {
border-top: 0px;
}
nav > ul > li:hover > a::after,
nav > ul > li:active > a::after {
display: none;
}
nav > ul > li .nav-first-level-opener {
nav:not(.pagination) > ul > li .nav-first-level-opener {
display: block;
}
.header-burger-button:checked + label + nav {
@ -320,6 +324,11 @@ nav ul li:hover .nav-second-level {
visibility: visible;
}
nav ul.extraMenu {
display: none;
border-top: none;
}
@media (max-width: 960px) {
.nav-second-level,
nav ul li:hover .nav-second-level {