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 7 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 7 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 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

burger menu untuk smartphone nda berfungsi.

Kelas Premium!
Belajar bikin website dari nol sekarang