Hallo Jürgen,
Für deine Version "V2.0" hast du folgende Möglichkeit.
- Unter "Einstellungen CSS" folgendes eingeben:
<style>
.sidenavbut a {
z-index: 1;
}
</style>Der aktuellen Version werde ich ein Update verpassen so das man den z-index selbst bestimmen kann.
Hallo Mario,
vielen Dank, für deine superschnelle Hilfe. Funktioniert einwandfrei 
Update ist raus, ab "V2.6" kann man den z-index selbst vorgeben.
Bei Update aus "V2.0" musst du folgendes beachten:
ZitatAlles anzeigenAb Version 2.5 wird "Font Awesome 4.7.0" verwendet da diese ab "Zeta Producer 15.4" bereits installiert ist.
War bereits eine ältere Version dieses Widgets installiert müsst ihr die Verlinkung zu der "FontAwesome5-Datei" wieder entfernen.
Um eine größtmögliche Auswahlmöglichkeit zu geben habe ich darauf verzichtet eine Auswahl zu erstellen.
Öffnet im Widget den Link, wählt das Icon aus und kopiert den dazugehörigen Code in das Feld "Icon" z.B.: "fa-address-book"
###################### ACHTUNG: #####################
In diesem Widget gab es mit dem Update V2.5 weitere Technische Neuerungen, deshalb ist ein einfaches überspielen des Updates nicht möglich.
Bitte das Update in folgender Reihenfolge einspielen:
1. Das Widget im Projekt löschen.
2. Den Widget-Ordner "wzp-sidenav-buttons-v2.0" in "C:\Users\Benutzername\Documents\Zeta Producer xx\widgets" löschen.
3. Widget Downloaden und wie gewohnt installieren.
4. Das Widget im Projekt neu anlegen.
Hallo Mario,
ich habe Probleme mit dem Widget Sidenav Button, denn die "Grafiken" werden nicht angezeigt, nur der Text.
Ich nutze die ZP Version 14.3.3 Express mit dem Layout Flat Reponsive für unsere Seite http://www.fw-hohenfelde.de.
Unter Einstellungen > CSS habe ich zwischen <style> und </style> den Inhalt der Seite https://stackpath.bootstrapcdn…/css/font-awesome.min.css reingesetzt, aber die Grafiken erscheinen trotzdem nicht.
Was mache ich falsch?
Vielen lieben Dank im Voraus und viele Grüße,
Steffen
Hätte ich im Widget sicher erwähnen sollen.
Die CSS-Datei muss folgendermaßen eingebunden werden:
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Diese Verlinkung darf nicht zwischen <style> und </style> stehen.
Hallo Mario,
vielen Dank für den Tipp. Das mit den Grafiken funktioniert soweit, nur habe ich jetzt das Problem, dass die Sitenav Button nicht am rechten Bildschirmrand angezeigt werden, sondern unten im Footer. Was ist denn hier jetzt falsch?
Guck es dir gerne mal an unter http://www.fw-hohenfelde.de.
Wenn ich die Seite mobil mit dem Smartphone aufrufe, taucht die Nav untem am Bildschirmrand wunderbar auf. Das Problem besteht also nur in der Desktop-Ansicht.
Danke und liebe Grüße,
Steffen
Da scheint der CSS-Code durch irgend etwas blockiert zu sein. Ich habe versucht deine Seite nachzustellen, konnte den Fehler aber nicht reproduzieren.
Was passiert denn wenn du den CSS-Code direkt in die Seite einbindest?
Einstellungen > CSS:
<style>
.sidenavbut a {
width: 400px;
position: fixed;
transition: 0.4s !important;
padding: 10px;
text-decoration: none;
border-bottom:none !important;
}
.sidenavbut i {
margin-left: 15px;
margin-right: 15px;
}
.sidenavbut-mob {
position:fixed;
left:0;
bottom:0;
width:100%;
padding: 0;
z-index:30000;
}
.spalten-sidenavbut-mob {
float: left;
text-align: center;
text-decoration: none;
}
a.spalten-sidenavbut-mob {
text-decoration: none;
}
</style>Super, dann geht es. Jetzt wird lediglich die Sitenav von der Hauptmenüleiste überblendet, aber das kann ich durch die Postion der Sitenav regeln, indem ich sie weiter nach unten schiebe.
Vielen lieben Dank für die Hilfe!
Steffen
Jetzt wird lediglich die Sitenav von der Hauptmenüleiste überblendet.
Das kannst du über den Wert z-index einstellen.
