keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Hamburger align test

Browse Source
This commit is contained in:
Théo Marchal 2021-01-09 22:20:45 +01:00
parent 87569a1395
commit 4635a88742
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -13,8 +13,10 @@
<body>
<header>
<nav>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
<div id="hamburger">
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-open">&#9776;&#xFE0E;</a>
<a href="javascript:void(0);" onclick="mobilemenu()" class="mobile-menu-close">&#x2573;&#xFE0E;</a>
</div>
<ul>
<li class="title selected"><a href="index.html">Ginou</a></li>
<li><a href="biographie.html">Biographie</a></li>

31
styles/main.css
View File

@ -82,29 +82,42 @@ header nav .mobile-menu-close {
margin-bottom: 0.5rem;
}
header nav .mobile-menu-open {
header nav #hamburger {
display:block;
position:absolute;
right:1rem;
font-size:1.5rem;
cursor:pointer;
position:absolute;
}
header nav.active .mobile-menu-open {
header nav #hamburger .mobile-menu-open {
display:block;
}
header nav.active #hamburger .mobile-menu-open {
display:none;
}
header nav.active .mobile-menu-close {
header nav.active #hamburger .mobile-menu-close {
display:block;
}
/*header nav .mobile-menu-open {
display:block;
position:absolute;
right:1rem;
font-size:1.5rem;
cursor:pointer;
}
header nav.active .mobile-menu-close span {
}
line-height:2rem;
}*/
/*header nav.active .mobile-menu-close {
display:block;
position:absolute;
right:1rem;
font-size:1.5rem;
cursor:pointer;
line-height:2.5rem;
}*/
header nav ul li {
display:none;