[ad_1]
Hallo,
I have hamburger menu .
the html code is :
<div class="navigation">
<div class="menu">
<span></span>
<span></span>
<span></span>
</div>
<div class="menu-bar">
<ul>
<li><a href=class="menu-link">Home</a></li>
<li><a href= class="menu-link">onderhoud</a></li>
<li><a href= class="menu-link">banden</a></li>
<li><a href= class="menu-link">apk</a></li>
<li><a href="https://projectdmc.org/support/topic/how-i-can-get-hambergur-menu-3-lines-little-closer-to-each-other-in-height/https/" class="menu-link">Contact</a></li>
</ul>
</div>
</div> and this is CSS:
.menu {
position:fixed;
width:45px;
height:45px;
cursor:pointer;
z-index:1;
}
.menu span {
width:25px;
height:3px;
background:#ffd978;
position:absolute;
display:block;
top: calc(50% - 1.5px);
left: calc(50% - 12.5px);
transition:0.5s;
}I have tried everything to get those span 3 lines litle closer to each othe .
I tried top margin was wrong . I tried line-height it didn’t help.
I want this hamburger menu 3 lines in height litle closer to each other.
is this possible ? I looked in w3School with this example :
<style>
div {
width: 35px;
height: 5px;
background-color: black;
margin: 6px 0;
}
</style>
</head>
<body>
<p>A menu icon:</p>
<div></div>
<div></div>
<div></div>
</body>
</htmlbut it didn’t help either.
can some one tell me if is that possible with my code above to get hamburger menu 3 lines little closer to each other?
thanks
- This topic was modified 13 hours, 7 minutes ago by .
The page I need help with: [log in to see the link]