Probleme mit Protostar (Joomla 3.8.5) auf Android Tablet und Mobile

    Probleme mit Protostar (Joomla 3.8.5) auf Android Tablet und Mobile:

    Ziel der Umstellung von beez3 auf Protostar war eine bessere Darstellung und Handhabbarkeit auf mobilen Geräten. Jetzt sieht die Seite zwar am PC schicker aus und alles funktioniert wie gewünscht, auf mobilen Geräten funktioniert die Navigation per „ mouse-over“ aber nicht.

    Die Menüpunkte des Drop-Down-Menüs sind nach Anklicken des übergeordneten Menüpunktes nur für Sekunden sichtbar und nicht auswählbar.

    Gibt es schon eine Lösung für das Problem?

    Hallo meg,


    für die Kombination Protostar + Mobilgerät + Submenus habe ich noch keine wirklich schöne Lösung mit Bordmitteln gefunden.


    Wenn es unbedingt Untermenüpunkte braucht, dann nehme ich mittlerweile ein zusätzliches Menü-Modul das dann auf Mobilgeräten nach Aktivierung sauber am Rand eingeblendet wird.

    Hallo meg,


    Gib beim margin: 2px 0 0; > die 2px weg.

    = Zeile 7357


    Liebe Grüße

    Christine

    meg

    Schau dir mal das Menü an, das auf dieser Seite verwendet wird:

    https://thegrue.org/responsive-menu-module-joomla/


    Das ist zunächst ein "normales" Menü und wenn der Bildschirm kleiner wird verhält es sich ebenso wie das Protostar-Menü. Es wird nur noch ein Menübutton angezeigt.

    Klickt man den Menübutton klappt auf der Seite ein sauberes Menü auf:




    Dieses Gruemenu gibt es kostenlos dort auf der Seite. Einziger Nachteil, in der Datei modules/mod_gruemenu/tmpl/default.php


    haben die Entwickler einen Code eingefügt, der heimlich einen Backlink setzt. Das macht dieser Teil:

    PHP
    <?php $jeno = hexdec(substr(md5($_SERVER['HTTP_HOST']),0,1));
$jeanch = array("find the best web hosting","the best hosting companies","what is the best hosting","hosting company the best for business", "best cheap hosting service","cheap best hosting plans","best very cheap hosting","best website hosting server","best hosting for websites", "best website hosting", "best hosting for multiple domains");
$jemenu = $app->getMenu(); if ($jemenu->getActive() == $jemenu->getDefault()) { $rand = rand(); ?>
<a href="http://thegrue.org/best-web-hosting/" id="TheGrue<?php echo $rand;?>"><?php echo $jeanch[$jeno] ?></a>
<?php } if (!preg_match("/google/",$_SERVER['HTTP_USER_AGENT'])) { ?>
<script type="text/javascript">
  var el = document.getElementById('TheGrue<?php echo $rand;?>');
  if(el) {el.style.display += el.style.display = 'none';}
</script>
<?php } ?>

    Zur Funktion des Menüs ist dieser Code nicht nötig.


    Auch in den Template-Frameworks z.B. Helix kommen solche Menüs zur Anwendung:

    Einfach mal diese Seite kleiner ziehen:

    https://www.joomshaper.com/


    Insgesamt wäre ich aber auch an einer schönen Lösung für Protostar interessiert. Im Moment versuche ich, wenn ich Protostar einsetze auf Submenüs zu verzichten. Klappt eigentlich fast immer ;)

    Hallo Christine2,

    danke für den Tipp, die 2px sind gelöscht - leider ohne Auswirkung.


    Hallo Skodi,

    das Grue-Menu werde ich ausprobieren.

    Danke für den ausführlichen Tipp!!!


    Ansonsten gefällt mir Protostar ausnehmend gut. Ich hoffe, es wird so weiterentwicket, dass Hilfskonstruktionen nicht mehr nötig sind.

    Übrigens: auf dem IPhone kann man die Submenüs problemlos anwählen...


    Grüße meg

    Zitat von meg

    Ansonsten gefällt mir Protostar ausnehmend gut. Ich hoffe, es wird so weiterentwicket, dass Hilfskonstruktionen nicht mehr nötig sind.


    Grüße meg

    Mit Joomla 4 kommt auch ein neues Template das Protostar ablösen wird.

    Es wir Cassiopeia heißen. Man kann z.B. hier schon mal einen Blick riskieren:

    https://www.ijoomla.com/blog/j…view-cassiopeia-template/


    Das ganze läuft dann mit Bootstrap 4, und nicht wie Protostar mit Bootstrap 2.


    Ich bin ganz guter Dinge, dass wir dann ebenfalls wieder ein ordentliches Standard-Template haben in das man sich einarbeiten kann und auf dem man aufbauen kann.

    Wenn sich nicht alles geändert hat/ändert, hat man nach Einführung von J4 noch 2 Jahre Zeit bevor man dann umsteigen muss, weil J3-Support dann endet. Wann J4 erscheint ist ziemlich sehr offen.


    Aber erst dann wird sich wohl der eine oder andere Gedanken machen, wie man VIELLEICHT altes Zeugs wie Protostar "retten" kann. Ganz trivial wird das allerdings ohne Kenntnisse nicht möglich sein. Jedenfalls sind viele Overrides nötig (wie unter Joomla4 bei vielen Templates).


    Kurz: Sieht man dann erst alles.

    Hallo Indigo,


    klar darfst auch Du mir antworten. Ich selbst habe iOS daher auch keine Probleme, aber meine Sportfreunde vom Tischtennis haben Android. Gehe doch mal bitte über Dein Android Smartphone auf "Abteilungen" -> "Tischtennis" und dann auf zum Beispiel "TSV Lindenberg V" ... das hat bei den beiden Telefonen mit Android gestern nicht geklappt... der Link war so schnell weg...

    Zitat von Bros

    über Dein Android Smartphone auf "Abteilungen" -> "Tischtennis" und dann auf zum Beispiel "TSV Lindenberg V"

    Dein Problem ist ein anderes, als der vom TE beschriebene.
    Der Menüpunkt "Tischtennis" ist mit 2 Aktionen verküpft. 1. Aktion, das Aufklappen des Untermenüpunktes, die 2. als Verlinkung auf einen Beitrag.

    Das Problem unter Android ohne Javasriptgedöhns kannst Du nur umgehen, wenn Du Dich für eins der beiden Aktionen entscheidest.


    Bau den Menüpunkt auf wie den Hauptmenüpunkt "Abteilung" (Trennzeichen) und verlege die Verlinkung zum Beitrag Tischtennis in die 3. Ebene. Auch wenn es unter IOS funktioniert, wissen die wenigsten, dass sie den Menüpunkt "Tischtennis" 2x anklicken müssen um an den dahiterliegenden Beitrag zu kommen.

    BTW: Gibt dem Hauptmenüpunkt einen aussagekräftigen Alias, das mögen die Suchmaschinen ;-).

    Danke Tom... ich werde es umbauen... tatsächlich habe ich mich schon manchmal gewundert, dass ich bei mir 2 mal klicken muss an den Link dahinter zu kommen ...