Fehler: Funktion Projektnavigation auf Iphone

Silke Richter's Avatar

Silke Richter

03 Dec, 2019 03:46 PM

Produkt: Tao Contao
Contao-Version: Version 4.4.42
Browser und Browserversionen: Iphone/Safari (mehrere Versionen getestet)

Hallo,
Ich verwende für ein neues Kundenprojekt das TAO Theme und habe folgendes Problem. Das Element Projektnavigation (siehe Demo Seite Portfolio) möchte ich auf der Startseite verwenden. Auf dem Desktop funktioniert das auch.

Doch mobil auf dem Iphone funktionieren zwar die Links, jedoch nicht die Mouseover Funktion (Textbalken) auf meiner Projektseite.
Ich habe die Demodaten im Projekt und wenn ich mobil die Portfolio Seite öffne, funktioniert der Effekt.
Ich vermute es fehlt irgendwo ein Javascript oder generell wird mit der Startseite ein Script mobil nicht richtig geladen. Nur leider finde ich den Fehler nicht.
Hier die Links zu den Projektseiten
http://torstenfranz.alfahosting.org/ (die Startseite mit dem Element und dem 1:1 kopierten Element aus der Demo Seite Portfolio
Und hier der Link zur Demoseite im Projekt
http://torstenfranz.alfahosting.org/portfolio.html
vielen Dank vorab!
Silke

  1. Support Staff 1 Posted by RockSolid Theme... on 04 Dec, 2019 06:16 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Da bei einem Gerät mit Touchscreen kein Mouseover-Effekt genutzt werden kann wird der Link bei Berührung mit dem Finger direkt aktiviert.

    Würde man das umgehen, müsste man auf auf dem iPhone jeweils ein zweites mal auf den Link klicken um zur gewünschten Seite zu gelangen.

  2. 2 Posted by silkerichter on 04 Dec, 2019 08:50 AM

    silkerichter's Avatar

    Vielen Dank für die Antwort.
    Dennoch habe ich bei den beiden Seiten einen Unterschied im Handling. Sprich auf der Demoseite ist der Effekt genau wie auf dem Desktop. Sprich der Balken mit dem Text blendet sich mit Fingerberührung auf dem Handy ein- jedoch auf meiner Start Seite funktioniert es nicht.

    Grüße aus Kempen
    Silke

  3. Support Staff 3 Posted by RockSolid Theme... on 05 Dec, 2019 05:47 AM

    RockSolid Themes's Avatar

    Auf der Seite http://torstenfranz.alfahosting.org/index.html scheinen die Portfolio-Boxen nicht mehr zum Einsatz zu kommen. Haben Sie diese durch ein anderes Boxen-Element ausgetauscht? Wir konnten die genaue Seite aus Ihrem Beschreibungsvideo nicht finden.

  4. 4 Posted by silkerichter on 05 Dec, 2019 09:17 AM

    silkerichter's Avatar

    Hallo,

    ja ich hatte die Elemente auf der Startseite ausgeblendet
    Ich stelle Sie jetzt noch mal bis heute 15:00 online.
    http://torstenfranz.alfahosting.org/

    Hier die Demoseite im Projekt
    http://torstenfranz.alfahosting.org/portfolio.html

    Silke

  5. Support Staff 5 Posted by RockSolid Theme... on 07 Dec, 2019 11:01 AM

    RockSolid Themes's Avatar

    Die Animation scheint auf Ihrem mobilen Gerät nicht schnell genug ausgeführt zu werden. Der Unterschied zur Demo-Seite könnte an der Anzahl der Boxen oder an der Größe der Bilder liegen.

    Um das Problem zu lösen, können Sie in der mobilen Ansicht die Animation deaktivieren indem Sie folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen:

    @media (max-width: 599px) {
        .projects-item h3,
        .projects-item-image-hover {
            transition: none !important;
        }
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac