Sliding Menu und ZP-Lightbox

drcymbal

Hallo Phil,

ob es wirklich ein Fehler ist und ob dieser in der Lightbox oder im Sliding Menu zu suchen ist, kann ich nicht beurteilen, aber wenn man ein Bild in der ZP-Lightbox öffnet, und der Schließen-Button zufälligerweise im Bereich des Menü-Buttons liegt, so überdeckt Letzterer den Schließen-Button der Lightbox. Die Lightbox lässt sich nur schließen, indem man in der näheren Umgebung des Schließen-Buttons klickt oder etwas runterscrollt.

Sliding Menu V1. 1, ZP16 und ZP17, Top Responsive

Viele Grüße
Tom

attachment=633

Michael

attachment=634

Hallo Tom,
ist das Browserfenster komplett geöffnet?
Ich kann hier keinen Fehler nachvollziehen.
Mit scheint, das Du die Lightbox geöffnet hast und das Browserfenster verkleiner hast.

Beste Grüße
Michael

drcymbal

Hallo Michael,

ja. Das passiert natürlich nur bei ganz wenigen Bildern, nämlich bei denen, die in der Lightbox fast den ganzen Bildschirm ausfüllen und deren obere rechte Ecke dann im Bereich des Menü-Buttons liegt. Ich vermute, dass hier ein z-Index nicht stimmt. Vielleicht muss da aber auch so sein. Ein Drama ist es jedenfalls nicht.

Viele Grüße
Tom

Michael

https: //www. zella. de/forum/forum/index. php? thread/625-sliding-menu-und-zp-lightbox/& postID=3511#post3511">

Hallo Michael,

Ich vermute, dass hier ein z-Index nicht stimmt. Vielleicht muss da aber auch so sein. Ein Drama ist es jedenfalls nicht.

Viele Grüße

Tom

Hast du mehrere Widgt auf der Seite?

drcymbal

Hallo Michael,
außer Text- und Bildwidgets nur das Sliding Menu.

Viele Grüße
Tom

phil-web

Hi Tom,
ich hoffe, das Problem ist mit V1. 1. 1 gelöst:

attachment=3514

drcymbal

Hi Phil,
herzlichen Dank. Das Problemchen tritt in der Tat nicht mehr auf.

Viele Grüße
Tom

drcymbal

Hi Phil,

jetzt fällt mir gerade auf, dass mit
Version 1. 1. 1 der X-Button des Menüs jetzt sehr weit nach oben
gerutscht ist. So stellt es sich zumindest auf meinem
Bastelrechner dar. Ich werde später mal mit meinem Erstrechner
testen.

attachment=636

Viele Grüße
Tom

phil-web

Hi Tom,

kann ich das mal online sehen? Am besten in einen Unterordern oder auf den Testserver veröffentlichen, dass die Hauptseite weiterhin normal aussieht.

drcymbal

Hi Phil,

die Seite ist noch im Aufbau, ich habe Dir aber mal einen Entwurf mit 1. 1. 1 auf den Testserver geladen: https: //trpercussion. zeta-producer. com/index. html">https: //trpercussion. zeta-producer. com/index. html

Zur Verdeutlichung noch zwei Screenshots mit 1. 1. 0 und 1. 1. 1.

attachment=637attachment=638

Viele Grüße

Tom

phil-web

Danke, ich habe das Problem glaube ich gefunden. Probier bitte mal V1. 1. 2, dann gebe ich das als offizielles Update später frei

phil-web

Übrigens sollten auch Unterseiten jetzt automatisch hervorgehoben werden, das war ja glaube ich auch noch ein Wunsch von dir

drcymbal

Hi Phil,

jetzt hat sich das X zwar weiter nach unten bewegt, dafür ist es aber nun zu weit links und hat zudem eine Hintergrundfarbe bekommen:

https: //trpercussion. zeta-producer. com/index. html" data-unfurl-url-id="44">https: //trpercussion. zeta-producer. com/index. html

Viele Grüße

Tom

phil-web

Mist, da habe ich in einer Datei die CSS-Klasse vergessen. . .

Probier's bitte nochmal damit:

drcymbal

Hi Phil,

vielen Dank! So ist es jetzt gut. Zwar ist das X immer noch weiter oben und weiter rechts als in 1. 1. 0, aber ich, und vermutlich auch alle anderen, können damit sehr gut leben. Das mit den Unterseiten schaue ich mir später an. Vielleicht reden wir auch aneinander vorbei. Mein verbleibender Wunsch wäre nur, dass ich Links der ersten und zweiten Ebene "fett" setzen kann. Derzeit löse ich das über < strong> im Seitennamen. Da ich das gerade sehe, hast Du eine Idee, warum mein Logo oben in #13 zu groß und somit verzerrt ausgegeben wird?

Viele Grüße
Tom

phil-web

https: //www. zella. de/forum/forum/index. php? thread/625-sliding-menu-und-zp-lightbox/& postID=3525#post3525">

Zwar ist das X immer noch weiter oben und weiter rechts als in 1. 1. 0, aber ich, und vermutlich auch alle anderen, können damit sehr gut leben.

Ja, das war auch so gedacht. Ich glaube, in der finalen 1. 1. 1 werde ich noch eine Option für diesen Abstand einbauen.

https: //www. zella. de/forum/forum/index. php? thread/625-sliding-menu-und-zp-lightbox/& postID=3525#post3525">

Mein verbleibender Wunsch wäre nur, dass ich Links der ersten und zweiten Ebene "fett" setzen kann. Derzeit löse ich das über < strong> im Seitennamen.

Ah, also unabhängig davon, ob der Besucher sich gerade auf dieser Seite befindet? Da habe ich leider auch keine bessere Lösung als < strong> Tags.

https: //www. zella. de/forum/forum/index. php? thread/625-sliding-menu-und-zp-lightbox/& postID=3525#post3525">

Da ich das gerade sehe, hast Du eine Idee, warum mein Logo oben in #13 zu groß und somit verzerrt ausgegeben wird?

Du meinst hier im Forum? Das ist glaube ich ein Problem der Forensoftware. Du könntest aber mal probieren, ein Bild mit der Größe 1200 x 630 Pixel zu nutzen, das ist die offizielle Empfehlung für diese Open Graph Images.

drcymbal

Hi Phil,
alles klar und herzlichen Dank!

Viele Grüße
Tom

drcymbal

Hi Phil,
das mit den fett gesetzten Links der ersten und zweiten Ebeen hat mir doch keine Ruhe gelassen, insbesondere da die ZP-Suche in den Ergebnissen auch die Tags mitanzeigt. Mit dem folgenden simplen CSS-Code meine ich es hinbekommen zu haben.

<style>
#wzp_sideNavHm ul  {              /* 1. Ebene fett */
    font-weight: bold;
}
</style>
<style>
#wzp_sideNavHm ul ul  {              /* 2. Ebene fett */
    font-weight: bold;
}
</style>
<style>
#wzp_sideNavHm ul ul ul {              /* 3. Ebene normal */
    font-weight: normal;
}
</style>

Viele Grüße
Tom

phil-web

Hi Tom,
stimmt, wenn du alle Unterseiten in der 2. Ebene fett haben willst, geht das natürlich per CSS.
Der Code sieht auch solide aus, wobei du eigentlich nicht immer einen neuen <
style>
Tag brauchst und gleiche Definitionen (font-weight: bold) zusammenfassen kannst:

<style>
#wzp_sideNavHm ul, #wzp_sideNavHm ul ul  {               /* 1. und 2. Ebene fett */
    font-weight: bold;
}

#wzp_sideNavHm ul ul ul {             /* 3. Ebene normal */
    font-weight: normal;
}
</style>

drcymbal

Hallo Phil,
vielen Dank für den Hinweis. Das werde ich gleich umsetzen. Die Style-Tags fliegen später eh raus, wenn das Widet "Global CSS" zum Einsatz kommt.

Viele Grüße
Tom

Nächste Seite »