Hamburger Menü 
Autor: Mirko R.
Besucht 1681,
Followers 1,
Geteilt 0
Hallo, ich habe eine Seite mit Hamburger Menü erstellt. Das Menü soll und wird nach klick auch rechts angezeigt. Der Effekt Scale wird aber leider auf unterschiedlichen Seiten, unterschiedlich ausgeführt. Beispiel: wenn ich mich auf der Seite Gartenangebote befinde und klicke das Menü an, verschwindet die Seite fast komplett aus dem Sichtfeld. Wenn ich mich aber z.B. auf der Seite Termine befinde und das Menü anklicke wird rechts das Menü eingeblendet aber die Seite selbst rückt nur ein Stück nach unten. Welchen Fehler mache ich?? :-(
Dazugehörige Seite:
www.windeberger-kreuz.de
Danke vorab.
Gepostet am
(It > De) ... Ich habe derzeit keinen PC, ... aber vielleicht habe ich das Problem bemerkt ...
... Warten auf die Antwort der Experten, ... Ich habe eine Idee mit EXTRA-Code ...
... wenn Sie an meiner Methode interessiert sind, lassen Sie es mich wissen ... sonst wartet sie auf weitere Eingaben ...
... hallo, ciao
.
Ich sehe auch was du meinst, aber diesen Effekt entsteht nur wenn du "lange" Websites hast mit viel Inhalt.
Mal schauen ob KolAsim etwas zurecht schustern kann!
(It > De) ... ... in der Theorie! ... diese Zeichenkette sollte in //HEAD ausreichen:
<style> #imPage { position:absolute } </style>
.
ciao
Autor
Danke. Habe es in jede Seite eingebunden und siehe da, es funktiniert. Danke. Hätte mir eine Lösung per Software bzw. Hilfe durch Incomedia gewünscht. Danke
...
...
Autor
Muss leider nochmal auf mein Problem zurückkommen.
Nachdem ich den Code eingebunden habe, hat das zwar mit dem Menü funktiniert, aber leider fehlt mir auf den Seiten jetzt ein Teil des Seitenhintergrundes. Wenn ich den Code wieder entferne, ist der Seitenhintergrund wieder sichtbar. Auf den Unterseiten, in denen kein Code eingebunden ist, habe ich dieses Problem nicht. Ich bin am verzweifeln.
Danke
(It> De) ... Es tut mir leid, ich weiß nicht, ob ich verstanden habe ...
...
... zum Beispiel auf dieser Seite > 1.-arbeitseinsatz.html mein Code wurde nicht angewendet ...
... um meinen Code auf allen Seiten des Projekts zu aktivieren, müssen Sie den Code in diesen Abschnitt einfügen:
>> Schritt 1 - Einstellungen > Bereich Erweitert > Statistiken, SEO und Code > Funktionen im Bereich Code | ▪Benutzerdefinierter Code : (3°) > ▼ Vor dem </HEAD> Tag
.
...Hallo,... lass es mich wissen, wenn du Klarheit brauchst....
.
@KolAsim eigentlich müsste er "relative" eingeben! Also..
<style>
#imPage {
position: relative!important;
}
</style>
... denke ich vielleicht nicht! ... obwohl ich das Programm derzeit nicht besitze und noch nicht einmal einen PC habe...!...
... aber Sie können versuchen, sicher zu sein ...
.
Autor
Danke für die schnellen Reaktionen.
Wenn ich mit relative arbeite habe ich den Zustand wie vor der Änderung, d.h. der Inhalt der Seite wird unterschiedlich weit nach unten geschoben.
Beim Vorschlag / Code von KolAsim bleibt der Inhalt der Seiten stehen, aber es fehlt en Teil des Webseitenhintergrundbildes.
Leider.
:-(
Autor
Hier beide Bilder zum Vergleich, einmal ohne und einmal mit Code.
Ja da müsstest du dich entscheiden welche Variante du willst. Aber es gibt da eine Methode die du nur auf diese Seite machen könntest.
Gibt den Code unter "3" Eigenschaften Reiter "Erweitert" vor dem </head> Tag rein.
<style>
body {background-image: url('bg.jpg');}
</style>
(It > De) ... Ich jetzt vielleicht! Ich verstehe; ... es ist wahr, was passiert mit
das scroll der Seite ...
... Sie könnten eine Variation der Codes versuchen, die ich erfunden habe ...
... immer in der Theorie (weil ich ohne PC bin), könnte dieser vollständige Code des vorherigen Codes korrekt funktionieren:
<style> #imPage { position:absolute } body{ background: url(https://www.windeberger-kreuz.de/style/bg.jpg) ; background-position: center center; background-repeat: no-repeat;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-attachment: fixed;} #imPageExtContainer { background-image:url("") } </style>
... lass es mich wissen und wenn ja, gehe ich auf deine Seite ...
... ciao
.
Autor
Habe den vorgeschlagenen :-) Code eingebunden und es funktioniert so wie ich mir das vorgestellt habe.
Vielen, vielen Dank.
... ciao ... :-)