Hallo
Es reicht, wenn du den Wert von z-index änderst:
styles.css
.bm-cool-menu {
box-shadow: none;
margin: 0;
padding: 10px;
position: absolute;
top: 40px;
width: 100%;
z-index: 9999;
}Es reicht, wenn du den Wert von z-index änderst:
Guten Morgen,
ich habe den Wert geändert, sehe aber keine Veränderung. 
ich habe den Wert geändert, sehe aber keine Veränderung.
Bist du sicher, dass du den Wert geändert hast? Laut Firebug ist dort immer noch der alte Wert (z-index: 1;) drin...
Vielleicht ist es aber auch einfacher, wenn du folgendes ins custom.css einfügst:
.bm-cool-menu {
z-index: 9999;
}Sieh dir die Seite bitte einmal auf "echten" Telefonen an. Zumindest auf einem iphone 5 ist das Ergebnis nicht nutzbar.
Sieh dir die Seite bitte einmal auf "echten" Telefonen an. Zumindest auf einem iphone 5 ist das Ergebnis nicht nutzbar.
Als Ergänzung:
"Echte Telefone" meint hier offensichtlich Handys mit einem kleineren Display (z.B. 480px oder 320px Breite) und ist wohl nicht wertend gemeint. Dazu auch http://www.zingdesign.com/resp…bsite-design-cheatsheet1/
Für den Test unterschiedlicher Displaygrößen braucht man zunächst kein mobiles Gerät, auch wenn dies bzw. ein Simulator später unumgänglich ist. Im Firefox bekommt man schon einen Eindruck durch die Aktion im Menü Extras > Erweiterungen für Web Developer > Größe ändern > Angepasste Layouts anzeigen.
"Echte Telefone" meint hier offensichtlich Handys mit einem kleineren Display (z.B. 480px oder 320px Breite) und ist wohl nicht wertend gemeint.
Richtig. Ich meinte hier die Abgrenzung zu den Emulationen, die die diversen Browser anbieten. In der Chrome-Simulation sieht die Seite gut aus. Auf einen realen Gerät nicht.
In der Chrome-Simulation sieht die Seite gut aus. Auf einen realen Gerät nicht.
Sieht bei mir auch auf einem realen Gerät (Samsung) gut aus.
ZitatSieht bei mir auch auf einem realen Gerät (Samsung) gut aus.
Jo, denn der Begriff "real" genauso wie "echt" ist hier irreführend und wird der Sache nicht gerecht.
Das Menü funktioniert. Dennoch ist die Seite ist nicht vollständig responsiv umgesetzt, da wäre noch einiges zu tun. Aber das war ja nicht die Frage des TE.
Das Menü funktioniert. Dennoch ist die Seite ist nicht vollständig responsiv umgesetzt, da wäre noch einiges zu tun. Aber das war ja nicht die Frage des TE.
Hallo @addi
Was meinst Du mit responsiv?
Responsives Webdesign meine ich. Dies umfasst eine Reihe von Maßnahmen, damit eine Webseite auf mobilen Geräten gut funktioniert, einige sind umgesetzt auf deiner Seite, andere fehlen.
Schau dir mal deine Seite auf einem iPhone-Simulator oder z.B. mit dem Opera Mobile Emulator an, gibt's kostenlos. Dann siehst du es selbst. Die Formulare und die Tabellen brechen aus dem Viewport aus, sie müssten angepasst werden (üblicherweise per media query und css). Booking ist nicht nutzbar.
Der Slider liefert eine ziemliche schwarze Denkpause von ca. 1/2 Sek. pro Bild (iPhone 5) und blättert dazwischen übel am Safari nach unten auf. Am besten durch ein statisches Bild ersetzen.
Hier kannst du z.B. auch kontrollieren, wie die Seite auf verschiedenen Ausgabegeräten angezeigt wird.
Nur fast, einiges zeigen diese Emulatoren nicht an und sie können keinen real-Simulator wie auf browserstack oder ein "reales" Gerät ersetzen. Die Probleme mit dem Slider tauchen in dem Simulator nicht auf.
Nachtrag: Diese Seite verkleinert nur den Viewport, sie ist völlig ungeeignet zum Testen.
