Hi Friends,
I having an trouble that My website menu didn't displaying when we browse through mobile devices. I researching from 15 days and checked everything but i didn't know why it is not displaying.
Menu Not Displaying
Moderator: Project members
- UcakUcak
- 500 Command not understood
- Posts: 2
- Joined: 2014-10-17 22:21
- First name: uçak bileti
- Last name: ucakucak
- Location: istanbul
Re: Menu Not Displaying
my code
/* #Mobile versiyon
================================================== */
@media only screen and (max-width: 767px) {
Kodlar burada yer alacak
}
/* #Mobil orta versiyon
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
Kodlar burada yer alacak
}
/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
Kodlar burada yer alacak
}
#container{
width:950px;
margin:0px auto 300px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}
#header{
width:950px;
height:110px;
background-color:#222222;
padding:0px 13px;
position: fixed;
top:0px;
left:40px;
margin: 0 0 0 0px;
}
/* #Mobil versiyonu
================================================== */
@media only screen and (max-width: 767px) {
#container{
width:350px;
margin:0px auto 1px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:50px;
}
#header{
width:350px;
height:70px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
/* #Mobil orta versiyon
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{
width:500px;
margin:0px auto 5px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:70px;
}
#header{
width:500px;
height:90px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{
width:768px;
margin:0px auto 10px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}
#header{
width:768px;
height:100px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
/* #Mobile versiyon
================================================== */
@media only screen and (max-width: 767px) {
Kodlar burada yer alacak
}
/* #Mobil orta versiyon
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
Kodlar burada yer alacak
}
/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
Kodlar burada yer alacak
}
#container{
width:950px;
margin:0px auto 300px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}
#header{
width:950px;
height:110px;
background-color:#222222;
padding:0px 13px;
position: fixed;
top:0px;
left:40px;
margin: 0 0 0 0px;
}
/* #Mobil versiyonu
================================================== */
@media only screen and (max-width: 767px) {
#container{
width:350px;
margin:0px auto 1px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:50px;
}
#header{
width:350px;
height:70px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
/* #Mobil orta versiyon
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{
width:500px;
margin:0px auto 5px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:70px;
}
#header{
width:500px;
height:90px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
/* #Tablet versiyonu
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{
width:768px;
margin:0px auto 10px auto;
background:url(images/body-bg.png);
overflow:auto;
padding-bottom:100px;
}
#header{
width:768px;
height:100px;
background-color:#222222;
padding:0px 0px;
position: fixed;
top:0px;
left:0px;
margin: 0 0 0 0px;
}
}
Re: Menu Not Displaying
Why not have one version for all devices?