burger menu untuk smartphone nda berfungsi.

menu tersembunyinya nda berfungsi saat dismartphone. apa ada kodenya yang salah ya kak? da dua hari cari tp belum dapat. dibantu ya kak.

<style type="text/css">
*{
	margin:0px; padding:0px;
	max-width: 100% !important;
	max-height: 100% !important;
}

a{
	text-decoration: none;
	}

li{
	list-style:none
}

#body1{
	width:990px;
	height:auto;
	margin:0 auto;
}

/*menu atas css*/
.clear{
	clear:both;
	}
.konten{
	width: 960px;
	margin:0 auto;
}

.kolom_3{
	width:470px; float:left;
	}

#logo{ display:block;
	 width: 170px; margin:0 auto; margin-top: 10px
}

#menu{ background: #29b999; height: 70px; line-height: 70px; font-size:20px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;
	}

#menu a{ display:block; text-align:center; color:#FFF;
}

#menu a:hover{background:#3cd3af;
}

/*-- menu tersembunyi--*/
#menu-text{display: none;
	color: white;
padding-left: 10px;}

/*-- CSS SMARC PHONE--*/
@media only screen and (max-width:550px){
		/*-- menu tersembunyi phone--*/
	#menu .konten{
		max-height: 0;
		overflow: hidden;
	}

#menu-text{display: block;
}

.menuopen{
	max-height: 100% !important;
}

#menu{height: auto;
font-size: 15px}
#menu a{
	border-bottom: 1px solid white;}

}

</style>

<script>
		function toggleMenu(){
			var Menu = document.getElementById('menu-3');
			menu.classList.toggle('menuopen');
		}
	</script>

</head>
<!--menu-->
<body>
	  <div id="pertama">
        <div id="header">
        <img src="images/dimensiindonesialogo2.gif" alt="" id="logo">
        <div id="menu">
					<div id="menu-text" onclick="toggleMenu();">Menu</div>
        	<div class="konten" id="menu-3">
           	  <a href="index.html" class="kolom_3">Home</a>
              <a href="index-gallery.html" class="kolom_3">Gallery</a>
     			</div>
     		</div>
    </div>

    <div class="clear"></div>

</html>

![](Users/kasman/Desktop/Jepretan Layar 2017-01-08 pada 09.56.20.png)

css javascript

@kasman

17 Kontribusi 0 Poin

Diperbarui 8 tahun yang lalu

2 Jawaban:

menu tersembunyinya ada berpungsi saat mode smartphone apa ada kodenya yang salah ya kak? da dua hari cari tp belum dapat. dibantu ya kak.

@kasman

17 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Jawaban Terpilih

Coba tambahin ini gan di bagian headnya

kalau di lihat di smartphone ternyata tidak responsive coba pakai meta tag ini mas di tag head nya

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

CMIIW

@satmaxt

46 Kontribusi 23 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Kelas Premium! Belajar Javascript untuk website

burger menu untuk smartphone nda berfungsi.

Kelas Premium!
Belajar bikin website dari nol sekarang

Kelas Premium!
Belajar Javascript untuk website