Skip to content

Instantly share code, notes, and snippets.

@iqbalmauludy

iqbalmauludy/overlay-menu-2.html

Created June 23, 2017 17:20
Show Gist options
  • Save iqbalmauludy/32e47436d9a27a623e5cfe1fdbe05620 to your computer and use it in GitHub Desktop.
Save iqbalmauludy/32e47436d9a27a623e5cfe1fdbe05620 to your computer and use it in GitHub Desktop.
Download ZIP
Overlay Menu
Raw
overlay-menu-2.html
<div id="myNav" class="mobilemenu">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="mobilemenu-content">
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
</div>
<h2>Overlay Menu Penuh Layar</h2>
<p>Klik elemen dibawah ini agar dapat menampilkan menu yang dibuat.</p>
<p>Contoh kali ini, menu yang ditampilkan akan muncul slide dari atas dan memenuhi layar, coba sekarang!</p>
<span style="font-size: 30px;cursor: pointer;height: 150px;position: absolute;top: 0;width: 55px;right: 0;padding-top: 18px;" onclick="openNav()">&#9776;</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment