[SOLVED] Off Canvas menu not displaying
Beitrag wurde überarbeitet...
SUPER - Besten Dank, dieses Auswahl-Feld mit der Animation habe ich auch gesehen, aber ich dachte mir... dies kann es doch nicht sein und offenlegen hört sich unkompliziert an.
Unser "Schnell-Test" mit dieser Einstellungs-Anpassung der Off-Canvas Animation im Astroid-Modul (3,1.11) war ERFOLGREICH.
Das Off-Canvas Menu wird jetzt auf iPhone (Safari / Chrome / Edge) korrekt angezeigt.
Deshalb haben wir auch den Test mit der kompletten Off-Canvas Menu Anzeige ohne unsere custom.css Modifikationen getestet. Das Problem hier war und ist, dass auf iOS (Browser Safari) das Menu unten abgeschnitten wird.
Nachtrag: Leider ist dies auf Safari immer noch nicht korrekt, das Menu wird nach oben geschoben und die unteren zwei Zeilen abgeschnitten, bzw. nicht dargestellt. Zieht man das Menu rauf, wird es wieder nach unten "gedrückt", unterhalt der URL-Zeile, die bei Safari unten ist.
Falls jemand interessiert ist, können wir den dementsprechenden Block aus unserer custom.css hier publizieren.
Back-To-Top Button fehlt auf Safari und Edge im Portrait Mode:
Was aber immer noch nicht funktioniert, ist der Back-To-Top Button auf iPhone, hier ist Safari und Edge betroffen, aber NUR im Portrait Mode (Hochformat)
Diese Zeilen haben für uns diese Back-To-Top Problem als Workaround gelöst:
/* Sicherstellen, dass der "Back to Top"-Button immer angezeigt wird */
#astroid-backtotop {
display: none !important; /* Standardmäßig verstecken */
}
#astroid-backtotop[style*="display: inline"] {
display: block !important;
position: fixed !important;
bottom: 20px !important;
right: 20px !important;
background-color: #000000 !important; /* Schwarzer Hintergrund */
color: #ffffff !important; /* Weißes Icon */
z-index: 999 !important; /* Reduziere den z-index des Buttons, damit er unter dem Menü bleibt */
}
SUPER - Besten Dank, dieses Auswahl-Feld mit der Animation habe ich auch gesehen, aber ich dachte mir... dies kann es doch nicht sein und offenlegen hört sich unkompliziert an.
Unser "Schnell-Test" mit dieser Einstellungs-Anpassung der Off-Canvas Animation im Astroid-Modul (3,1.11) war ERFOLGREICH.
Das Off-Canvas Menu wird jetzt auf iPhone (Safari / Chrome / Edge) korrekt angezeigt.
Deshalb haben wir auch den Test mit der kompletten Off-Canvas Menu Anzeige ohne unsere custom.css Modifikationen getestet. Das Problem hier war und ist, dass auf iOS (Browser Safari) das Menu unten abgeschnitten wird.
Nachtrag: Leider ist dies auf Safari immer noch nicht korrekt, das Menu wird nach oben geschoben und die unteren zwei Zeilen abgeschnitten, bzw. nicht dargestellt. Zieht man das Menu rauf, wird es wieder nach unten "gedrückt", unterhalt der URL-Zeile, die bei Safari unten ist.
Falls jemand interessiert ist, können wir den dementsprechenden Block aus unserer custom.css hier publizieren.
Back-To-Top Button fehlt auf Safari und Edge im Portrait Mode:
Was aber immer noch nicht funktioniert, ist der Back-To-Top Button auf iPhone, hier ist Safari und Edge betroffen, aber NUR im Portrait Mode (Hochformat)
Diese Zeilen haben für uns diese Back-To-Top Problem als Workaround gelöst:
/* Sicherstellen, dass der "Back to Top"-Button immer angezeigt wird */
#astroid-backtotop {
display: none !important; /* Standardmäßig verstecken */
}
#astroid-backtotop[style*="display: inline"] {
display: block !important;
position: fixed !important;
bottom: 20px !important;
right: 20px !important;
background-color: #000000 !important; /* Schwarzer Hintergrund */
color: #ffffff !important; /* Weißes Icon */
z-index: 999 !important; /* Reduziere den z-index des Buttons, damit er unter dem Menü bleibt */
}
Last Edit:2 months 1 week ago
by mssoft
Last edit: 2 months 1 week ago by mssoft.
The following user(s) said Thank You: WM-Loose
The topic has been locked.
Hi there, I have the same issue. Off-Canvas on large screens comes up with dark overlay, so does the mobile menu on phone and tablet.
Lasest Astroid Framework, latest template update (B2B). Site: area84aa.org
Here's what it looks like on desktop after the off-canvas menu was triggered: It shows content of off-canvas AND mobile menu. I have no idea how long this has been happening, client just advised now. Help please!
Vielen Dank,
Gina G.
Update-Edit:
I played with the off-canvas settings, tried 'reveal' and 'push' and both of them (kinda) work but the content is blank. And, yes I have a module published to that position.
Also, interestingly, another one of their sites uses the same template and both off-canvas and mobile menu work. Site: www.rainbowroundup.ca
Lasest Astroid Framework, latest template update (B2B). Site: area84aa.org
Here's what it looks like on desktop after the off-canvas menu was triggered: It shows content of off-canvas AND mobile menu. I have no idea how long this has been happening, client just advised now. Help please!
Vielen Dank,
Gina G.
Update-Edit:
I played with the off-canvas settings, tried 'reveal' and 'push' and both of them (kinda) work but the content is blank. And, yes I have a module published to that position.
Also, interestingly, another one of their sites uses the same template and both off-canvas and mobile menu work. Site: www.rainbowroundup.ca
Last Edit:2 months 1 week ago
by ginageick
Last edit: 2 months 1 week ago by ginageick. Reason: Update
The topic has been locked.
Replied by WM-Loose on topic [SOLVED] Off Canvas menu not displaying
Posted 2 months 1 week ago #35615
@ginageick
Please open your own thread and provide all necessary information about your configuration. This thread is completed and will be closed.
Please open your own thread and provide all necessary information about your configuration. This thread is completed and will be closed.
Last Edit:2 months 1 week ago
by WM-Loose
Last edit: 2 months 1 week ago by WM-Loose.
The topic has been locked.