Ergebnis 1 bis 7 von 7

Thema: Main Navigation auf Ipad lässt sich nicht richtig antippen

  1. #1
    Contao-Nutzer
    Registriert seit
    13.10.2011.
    Beiträge
    9

    Standard Main Navigation auf Ipad lässt sich nicht richtig antippen

    Hallo,
    ich habe ein Problem mit der Haupt Navigationszeile beim Ipad. Die Hauptpunkte haben einen extrem schmalen Bereich von ca 1 mm am unteren Rand auf den ich drücken kann, der Rest vom Button reagiert nicht auf touch. Wie kann ich das ändern?
    Das ist die Seite Firex-Racing
    Das Theme ist Simpler. Ich weiß nicht ob ihr sonst noch irgendwelche Informationen braucht.

    Vielen Dank im Voraus
    Geändert von Pinguin (21.12.2016 um 10:36 Uhr)

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.800
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Der Link funktioniert nicht (Server nicht gefunden).
    Abgesehen davon werden solche Anpassungen mit css gemacht.
    Das von Dir genannte Theme kenne ich nicht, aber ganz grundsätzlich sollten qualitativ hochwertige, responsive Themes so etwas von Haus aus mitbringen.
    Allerdings kann es auch sein, dass unqualifizierte eigene Anpassungen eines Themes so etwas wieder zu nichte machen.

    Ohne Link bleibt die Ursache jedoch absolute Spekulation.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.478
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Fehlt nur der Doppelpunkt in der URL -> x-gmbh.de/racingneu/index.php/Home.html
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  4. #4
    Contao-Nutzer
    Registriert seit
    13.10.2011.
    Beiträge
    9

    Standard

    Der Link zur Seite funktioniert jetzt. Danke für den Hinweis.

    An der Navigation wurde noch gar nichts verändert.

  5. #5
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.800
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Pinguin Beitrag anzeigen
    Die Hauptpunkte haben einen extrem schmalen Bereich von ca 1 mm am unteren Rand auf den ich drücken kann, der Rest vom Button reagiert nicht auf touch.
    Ich habe jetzt auch im Simulator nachvollziehen können, was Du meinst. Für Touch wird dort javascript eingesetzt. Da bin ich kein Spezialist für.
    Da es sich um ein käuflich erworbenes Theme handelt wie ich inzwischen gesehen habe, sollte der erste Ansprechpartner m.E. der Thementwickler sein.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  6. #6
    Contao-Nutzer
    Registriert seit
    13.10.2011.
    Beiträge
    9

    Standard

    Danke, dann schau ich da mal drüber. Ich war jetzt völlig auf CSS fixiert und hab gar nicht weiter geschaut
    Ich hab schon auch beim Entwickler vom Theme angefragt, aber da kam leider nichts zurück

  7. #7
    Contao-Nutzer
    Registriert seit
    13.10.2011.
    Beiträge
    9

    Standard Problem gelöst

    Danke nochmal für den Hinweis auf Javascript. Da hab ich den Fehler gefunden. Hier der korrekte Code. In der script.js den Teil
    / * Initialize touch-device specific functionality */ mit folgendem Code überschreiben:

    function initializeTouchBehavior() {
    var $mainNav = jQuery('#main-nav')
    var iOS = /iPad|iPod|iPhone/.test(navigator.platform) && "matchMedia" in window;
    var event;
    if(iOS) {
    event = 'touchstart';
    } else {
    event = 'click';
    }
    /**
    * Enable touch events in main-nav
    */
    if ($window.max-width() >= 600) {

    $mainNav.on(', function(e) {
    e.preventDefault;
    e.stopImmediatePropagation();
    });
    /*jQuery('.hover').removeClass('hover');*/

    // level 1
    $mainNav.find('.level_1').children('li.submenu').o n(event, function(e){
    var $this = jQuery(this);
    if(!$this.hasClass('hover') && jQuery(e.target).is(':visible')){
    e.preventDefault();
    e.stopPropagation();
    $mainNav.find('.level_1').children('li.submenu').r emoveClass('hover');
    $this.addClass('hover');
    return false;
    }
    });

    $window.on('touchstart', function(e) {
    if(!jQuery(e.target).parents('#main-nav').length) {
    //$mainNav.find('.level_1 > li.submenu').removeClass('hover');
    $mainNav.find('.hover').removeClass('hover');
    }
    });

    $mainNav.find('.level_1 > li').on('touchend', function(e) {
    e.preventDefault
    });

    // level 2
    // prevent delay on tab
    $mainNav.find('.level_2').find('a').on('touchstart ', function(e) {
    var $this = jQuery(this);
    var urlTarget = $this.attr('href'); //
    if(typeof urlTarget != 'undefined') {
    $this.addClass('hover');
    window.location.href = urlTarget;
    }
    });
    }
    Geändert von Pinguin (22.12.2016 um 07:47 Uhr)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •