Forum für CMS/made simple

ak

hat von CMS/ms gehört

Registriert: 22. November 2013

Beiträge: 2

Menu Template "css_menu" mit Android-Browser und Touch-Bedienung

Hallo zusammen,

ich nutze auf einer Seite das Standard-Menu-Template "css_menu". Unter Android (mit Firefox) ist es nicht möglich, die Unter-Navigationspunkte auszuwählen, da beim Anklicken des obersten Menüpunktes die Seite geladen wird und die Unterpunkte dann nicht mehr angezeigt werden.

Das gleiche Problem besteht auch hier bei der CMSMS-Forumseite.

Interessanterweise funktioniert es auf einem iPhone mit Safari.

Ist das Problem bekannt, gibt es Lösungsmöglichkeiten?

Vielen Dank schon mal für eure Antworten.

Gruß
Achim

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.435

Re: Menu Template "css_menu" mit Android-Browser und Touch-Bedienung

Hallo und willkommen im Forum.

Ist das Problem bekannt,

Ja ist es.
Weil das Menü erst aufklappt, wenn man mit dem Mauszeiger darüber geht (:hover).
Bei Touchscreen gibt es allerdings keine Maus. Daher hat das keine Wirkung.

Interessanterweise funktioniert es auf einem iPhone mit Safari.

WebKit Browser gehen mit dem ":hover" bei Touchscreens anders um.
Die interpretieren das wie :active.
Ob man sich darauf aber auch in Zukunft verlassen kann, kann ich nicht sagen.

gibt es Lösungsmöglichkeiten?

Einen anderen Browser verwenden.
Firefox - so sehr ich ihn liebe - ist unter Android eine Qual.
Ich sehe keinen vernünftigen Grund, auf einem Android-Gerät Firefox zu installieren.

Wenn es unbedingt sein muss, dann mit Javascript:
http://www.prowebdesign.ro/how-to-deal- … n-devices/
(war der erste suchtreffer bei google)

Oder im CSS statt :hover, die Pseudoklasse :active verwenden:
http://frontand.de/hover-ist-tot-lang-lebe-acitve/

Oder auf mobilen Geräten mit Hilfe von media-queries im CSS das Menü als Dropdown Input darstellen. Also im Template hast Du das Menü einfach doppelt drin. Einmal ganz normal und einmal als dropdown. Das Dropdown ist aber nur sichtbar für mobile bzw. Touch-Geräte und umgekehrt ist das CSS-Menu nur für Desktop-Geräte sichtbar.

Ich hoffe das hilft erstmal als Ansatz.
Wenn nicht, weiterfragen

---

Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

ak

hat von CMS/ms gehört

Registriert: 22. November 2013

Beiträge: 2

Re: Menu Template "css_menu" mit Android-Browser und Touch-Bedienung

Hallo und danke für das Willkommen,

meine CSS/Javascript-Kenntnisse sind leider nur rudimentär.

Javascript möchte ich gerne vermeiden. Die zweite und dritte Lösung finde ich interessant.  Wie würde so etwas konkret aussehen?

Oder gibt es alternativ die Möglichkeit, die "obersten Navigationspunkte" so zu setzen, dass sie bei einem Klick darauf nur die "untergeordneten Navigationspunkte"  anzeigen, aber keine eigenen Seite/Link anzeigen. Wenn aber keine untergeordneten Navigationspunkte bestehen, eine Seite aufgerufen wird. Das müsste ja dann auch bei Touch-Bedienung funktionieren.

Danke schon mal für eure Hilfe.