Jetzt habe ich mir nochmal alle Einstellungen angesehen.
In Contao habe ich kein zweites Mobiles Theme angelegt.
In meinem Theme gibt es einen Trigger und eine Navigation.
Im Head tag die zusätzliche Angabe
Code:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
Den Trigger habe ich für alle anderen Ansichten ausgeschaltet und eingeschaltet für:
@media only screen and
(min-device-width:320px) and (max-device-width:667px) and (orientation : landscape) { }
@media only screen and
(min-device-width:320px) and (max-device-width:667px) and (orientation : portrait) { }
Mit folgendem Code:
Code:
#menu_res {
color: #000;
cursor: pointer;
display: block;
font-size: 50px;
right:0px;
top:60px;
position: absolute;
}
#menu_res:hover {
color: #ccc;
}
#menu_res_close {
color: #000;
cursor: pointer;
display: none;
font-size: 24px;
right:0px;
top:60px;
position: absolute;
}
#menu_res_close:hover {
color: #ccc;
}
Für die Tablet Version habe ich die Seite zentriert
@media only screen
and (min-device-width : 668px)
and (max-device-width : 1024px) {}
Das Problem ist, dass auf dem Desktop sich das Menü nicht entsprechend darstellt, wie in den Mediaqueries angegeben.
Lesezeichen