Menüzeile im Mobile Phone nicht sichtbar

@media screen and (max-width:560px){
.masthead-fixed .site-header {
                               /* position: fixed; */
                               top: 10px;
                }
}

das Media Query anpassen an die Größe die du brauchst => 560
top:10 oder 5 oder 0 oder....

wars schnell genug :lol:

Zitat von Ahrens

ja, war es :-)

Leider funktioniert es mit deinem Vorschlag noch nicht. :-(

Hast du vielleicht noch einen andere Idee?

Viele Grüße

Manuela

ws funktioniert da nicht genau

funktioniert nicht => das ist keine Fehlerbeschreibung und bei CSS einen Link zum Geschehen, sonst stochern wir wild herum und brauchen Glaskugeln

Zitat von Ahrens

Also:

Ich bin dabei das twenty fourteen Template nach meinen Vorstellungen umzuformatieren. Was ich nicht schaffe ist, die primäre Header Menüzeile in der PC Ansicht fest stehend zu bekommen und gleichzeitig diese Menüzeile im Handy sichtbar zu haben. Entweder sehe ich das Menü im Handy und dafür legt sich die Menüzeile in der PC Ansicht auf den Content Bereich beim scrollen - siehe hier die Screenshots -

[ATTACH=CONFIG]11181[/ATTACH][ATTACH=CONFIG]11182[/ATTACH]

oder ich habe eine feststehende Menüzeile im PC aber dafür fehlt das Menü im Handy.

Dies hier war der Standardeintrag in der CSS

/* Fixed Header */

.masthead-fixed .site-header {
position: fixed;
top: 0;
}

Mit dieser Standardeinstellung ist das Menü im Handy sichtbar, aber in der PC Ansicht legt es sich über den Contentbereich.

Mit folgender Änderung ist der Stand des Menüs im PC sichtbar und im Handy nicht.

.masthead-fixed .site-header {
/* position: fixed; */
top: 0;
}

Jetzt wo ich das alles noch einmal aufschreibe und mir nebenbei meine CSS Datei anschaue ist mir aufgefallen, dass es nicht an diesen CSS Einstellungen liegt sondern an an meiner Einstellung im Site Header :-(
Dadurch ist das Menü im Handy nach oben weggerutscht :-(

.site-header {
background: url("http://forum.wpde.org/images/Prim%C3…tionsleiste.png");
max-width: 1260px;
margin-top: -80px; <--------------------------------------- hier der Übeltäter!
position: absolute;
width: 100%;
z-index: 4;
}

Mal schauen, ob ich das irgentwie sauber hinbekomme, das beide Ansichten passen

Vielen Dank
Manuela

Alles anzeigen

folgendes: Bilder mit Sonderzeichen werden hie und da nicht richtig dargestellt,
gewöhne dir an Dateien, die im WWW genutzt werden sollen mit Kleinbuchstaben, ohne Sonderzeichen, ohne Leerzeichen zu benennen, am besten Worte mit Bindestrich teilen,
also primaernavigationsleiste.png wäre technisch richtiger,

du brauchst wie ich bereits geschrieben habe dafür ein sogenanntes media querie
dann das margin-top ändern und statt position absolute, position static oder relative