Bir web sitesi açtım domain falan hepsini aldım web siteme tasarım olarak bootstrap kullandım fakat şöle bir sorunumuz var; sitemizde üst menü var bu menü telefon ekranlarına göre küçüldükçe buton çıkıyor bu butonada tıklanınca menü açılıyor bu bilirsinizki klasiktir web sayfalarında, ama benim şöle bir sorunum var web sayfam telefon moduna geçince menüdeki buton gözükmüyor yani menüyü açmak için açılıp kapanan menü butonu gözükmüyor onun yerine normal lg modundaki gibi web sayfasını gösteriyor halbuki ben web sayfamı bütün ekranlara göre tasarladım menüyüde öle yaptım normal tarayıcıda ftp'ye siteyi atmadan normal tarayıcıda çalıştırdığımda sitedeki menü butonu sayfayı küçültünce çalışıyor ama web sitesine dosyaları attım ve sonra cep telefonumdan siteme girdiğim zaman menü butonunu göstermedi normal menü gösteriyor lütfen bu konuda yardım edermisiniz çok önemli çünkü bir topluluğa hitap eden bir site tasarladım okadar uğraştım yani bu siteyi yapmak için 3 hafta kod yazdım yani şimdi bukadar emeğim boşunamı gitti ya yardımcı olursanız sevinirim kodlarıda paylaşıyorum bi bakın lütfen...
açtığım web sayfası bu: www.kutsalsoz.xyz
Html kod:
<div class="navbar navbar-inverse navbar-static-top"> <div class="col-lg-1 col-md-1 menuyazisi"><a href="#" class="navbar-brand">menü</a> </div> <div class="container"> <button class=" navbar-toggle" data-toggle="collapse" data-target=".ackapa" onclick="ackapa()"> <div class="icon-bar"></div><div class="icon-bar"></div> <div class="icon-bar"></div></button> <div class="collapse navbar-collapse" id="ackapa"> <ul class=" nav navbar-nav kapa "> <li><a href="index.html">Anasayfa</a></li> <li><a href="iletisim.html">İletişim</a></li> <li><a href="hakkimizda.html">Hakkımızda</a></li> <li><a href="dua.html">Dua</a></li> <li><a href="sohbet.html">Sohbet</a></li> <li><a href="kutsalkitap.html">Kutsalkitap</a></li> <li><a href="bilgiler.html">Bilgiler</a></li> </ul> </div> </div> </div>
java script kod:
<script type="text/javascript"> function ackapa(){ kapa = document.getElementById('ackapa').style; if(kapa.display ==''){ kapa.display ='block'; } else if (kapa.display =='block'){ kapa.display='none';} else if( kapa.display == 'none'){ kapa.display='block';} } </script>
açtığım web sayfası bu: www.kutsalsoz.xyz
Html kod:
<div class="navbar navbar-inverse navbar-static-top"> <div class="col-lg-1 col-md-1 menuyazisi"><a href="#" class="navbar-brand">menü</a> </div> <div class="container"> <button class=" navbar-toggle" data-toggle="collapse" data-target=".ackapa" onclick="ackapa()"> <div class="icon-bar"></div><div class="icon-bar"></div> <div class="icon-bar"></div></button> <div class="collapse navbar-collapse" id="ackapa"> <ul class=" nav navbar-nav kapa "> <li><a href="index.html">Anasayfa</a></li> <li><a href="iletisim.html">İletişim</a></li> <li><a href="hakkimizda.html">Hakkımızda</a></li> <li><a href="dua.html">Dua</a></li> <li><a href="sohbet.html">Sohbet</a></li> <li><a href="kutsalkitap.html">Kutsalkitap</a></li> <li><a href="bilgiler.html">Bilgiler</a></li> </ul> </div> </div> </div>
java script kod:
<script type="text/javascript"> function ackapa(){ kapa = document.getElementById('ackapa').style; if(kapa.display ==''){ kapa.display ='block'; } else if (kapa.display =='block'){ kapa.display='none';} else if( kapa.display == 'none'){ kapa.display='block';} } </script>
