Protostar: Menu auf dem IPAD Air bei "Hochkant" Anzeige immer aufgeklappt- läßt sich nicht zuklappen

crc0815 · 9. November 2019

Hallo,

auf der HP unserer Tennisvereins wir auf dem IPAD Air bei "Hochkanthaltung" das Menu Mobile immer gleich aufgeklappt angezeigt und lässt sich auch nicht zuklappen. Dies ist im Safari und im Firefox so. Somit wir die ganze HP verdeckt.

Bei der Horizontalhaltung kommt das Desktopmenu das funktionert einwandfrei.

Bei Android Handys und Tablets funktioniert es einwandfrei (beide Varianten Desktopmenu bei Quer und Mobile bei "Hochkant"). Googlen und suchen hat mich leider nicht weiter gebracht.

seite http://www.tc-bodnegg.de

Mit dank für die Mühen im voraus...

Re:Later · 9. November 2019

Ich finde im Quelltext der Seite eine IPad-Weiche zum Menü: Zeilen 19 bis 21

Code

<script type="text/javascript">
if(typeof jQuery != undefined)
{
    jQuery( document ).ready(function(){
        if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7)
        {
            jQuery('#bm-cool-menu-135 li').has('ul').mouseover(function(){
                jQuery(this).children('ul').css('visibility','visible');
            }).mouseout(function(){
                jQuery(this).children('ul').css('visibility','hidden');
            })
        }

        /* Mobile */        
        jQuery("#bm-cool-menu-135 .bm-cool-menu-trigger").on("click", function(){
            jQuery("#bm-cool-menu-135 .bm-cool-menu").slideToggle();
        });

        // iPad
        var isiPad = navigator.userAgent.match(/iPad/i) != null;
        if (isiPad) jQuery('#bm-cool-menu-135 ul').addClass('no-transition');      
    });  
}    
</script>

Alles anzeigen

Habe aber nichts zum Testen, ob's daran irgendwie liegt. Ich weiß auch nicht, was coolmenu ist. Erweiterung?

Re:Later · 9. November 2019

Schau einfach mal, ob du auf der Demoseite von "BM Cool Menu" mit einem der Demomenüs das selbe Problem hast. Wenn ja, weißt, dass es die Erweiterung ist.

http://demo.brainymore.com/joo…sions/others/bm-cool-menu

Die haben auch ein Forum.

christine2 · 9. November 2019

Hallo,

was hat das jetzt mit Protostar zu tun? Hast ja das da: http://demo.brainymore.com/joo…sions/others/bm-cool-menu

Ob relevant, weiß ich nicht:

Code

<script type="text/javascript">
if(typeof jQuery != undefined)
{
    jQuery( document ).ready(function(){
if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7)
{
jQuery('#bm-cool-menu-135 li').has('ul').mouseover(function(){
jQuery(this).children('ul').css('visibility','visible');
}).mouseout(function(){
jQuery(this).children('ul').css('visibility','hidden');
})
}

/* Mobile */
jQuery("#bm-cool-menu-135 .bm-cool-menu-trigger").on("click", function(){
jQuery("#bm-cool-menu-135 .bm-cool-menu").slideToggle();
});

// iPad
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if (isiPad) jQuery('#bm-cool-menu-135 ul').addClass('no-transition');      
    });  
}
</script>

Alles anzeigen

ev. auch: <div class="bm-cool-menu-trigger">Menu</div> ... events

Liebe Grüße

Christine

OT: Re:Later Hab Deins erst nachher gesehen, weil obiges am Schirm hatte.

crc0815 · 9. November 2019

Zitat von Re:Later

Ich finde im Quelltext der Seite eine IPad-Weiche zum Menü: Zeilen 19 bis 21

Code

<script type="text/javascript">
if(typeof jQuery != undefined)
{
    jQuery( document ).ready(function(){
        if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)<7)
        {
            jQuery('#bm-cool-menu-135 li').has('ul').mouseover(function(){
                jQuery(this).children('ul').css('visibility','visible');
            }).mouseout(function(){
                jQuery(this).children('ul').css('visibility','hidden');
            })
        }

        /* Mobile */        
        jQuery("#bm-cool-menu-135 .bm-cool-menu-trigger").on("click", function(){
            jQuery("#bm-cool-menu-135 .bm-cool-menu").slideToggle();
        });

        // iPad
        var isiPad = navigator.userAgent.match(/iPad/i) != null;
        if (isiPad) jQuery('#bm-cool-menu-135 ul').addClass('no-transition');      
    });  
}    
</script>

Alles anzeigen

Habe aber nichts zum Testen, ob's daran irgendwie liegt. Ich weiß auch nicht, was coolmenu ist. Erweiterung?

Hallo,

Erstmal danke, ja ist eine Menuerweiterung und ja ist auch auf der Demoseite. Dann muss ich mir wohl etwas anderes zu legen.

Re:Later · 9. November 2019

Zitat von crc0815

Dann muss ich mir wohl etwas anderes zu legen.

Es gibt auch die Möglichkeit, Entwickler zu kontaktieren, damit sie ihre Erweiterungen (vielleicht) verbessern. Irgendwie finde ich, das gehört zum guten Ton, zumindest bei kostenlosen Erweiterungen.

crc0815 · 9. November 2019

Zitat von Re:Later

Es gibt auch die Möglichkeit, Entwickler zu kontaktieren, damit sie ihre Erweiterungen (vielleicht) verbessern. Irgendwie finde ich, das gehört zum guten Ton, zumindest bei kostenlosen Erweiterungen.

Das werde ich natürlich parallel tun. Nochmals Dank für die,Hilfe

Rondeb · 9. November 2019

Fügen Sie den folgenden Code in Ihre user.css von der protostar template.

CSS

@media screen and (min-width: 768px) {
.bm-cool-menu {
display: none !important;
}
}

Grüße Ron

crc0815 · 10. November 2019

Zitat von Rondeb
Fügen Sie den folgenden Code in Ihre user.css von der protostar template.
CSS
@media screen and (min-width: 768px) {
.bm-cool-menu {
display: none !important;
}
}
Grüße Ron

bringt leider keine Änderung

Rondeb · 11. November 2019

CSS

@media screen and (min-width: 768px) {
    .bm-cool-menu {
        display: none !important;
    }
}

Grüße Ron

crc0815 · 12. November 2019

Zitat von Rondeb

CSS

@media screen and (min-width: 768px) {
    .bm-cool-menu {
        display: none !important;
    }
}

Grüße Ron

Hallo,

ich sehe keine Änderung im Code aus deinem ersten Post, habs trotzdem kopiert > Leider keine Änderung des Problems > trotzdem danke

Indigo66 · 12. November 2019

Das mobile Menü funktioniert jetzt gar nicht mehr.

Rondeb · 12. November 2019

Das Änderung es ist eine einfache Sache, aber der CSS-Code kann aus diesem Grund nicht funktionieren.

Ich habe den Code getestet und es hat funktioniert! Aber jetzt arbeitet er in Handy nicht mehr. Vielleicht alle Änderungen rückgängig machen und es erneut versuchen.

crc0815 · 12. November 2019

Danke für die Hilfe an alle, habe jetzt ein "Kaufmodul" eingesetzt, farblich noch nicht final angepasst, funktioniert aber auf allen getesteten Endgeräten. Was sind schon ein paar Euro für die Entwicklung und die Updates

Trotzdem nochmal: DANKE AN ALLE HIER!