Responsive drop down menu don't work in Android

dcaimmi@gmail.com
Inactive member
Topic Author
New Member

11 years 1 month ago #34474 by dcaimmi@gmail.com

Responsive drop down menu don't work in Android was created by dcaimmi@gmail.com

The top menu in Android browser appears correctly like black button (ok) but the choice list do not get the tap (click).
Joomla 3.2.0

thanks

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 1 month ago #34481 by ivan.milic

Replied by ivan.milic on topic Responsive drop down menu don't work in Android

Send link

Please Log in to join the conversation.

dcaimmi@gmail.com
Inactive member
Topic Author
New Member

11 years 1 month ago #34483 by dcaimmi@gmail.com

Replied by dcaimmi@gmail.com on topic Responsive drop down menu don't work in Android

This is the link

www.associazionemusicaleorlandini.it/test/

thanks

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 1 month ago #34487 by ivan.milic

Replied by ivan.milic on topic Responsive drop down menu don't work in Android

It works normal from two android devices I have here. Android 2.2 and Android 4

Please Log in to join the conversation.

dcaimmi@gmail.com
Inactive member
Topic Author
New Member

11 years 1 month ago #34489 by dcaimmi@gmail.com

Replied by dcaimmi@gmail.com on topic Responsive drop down menu don't work in Android

The button for the responsive drop down menu appear well, and when you tap the button the list of the menu items appear well too.
But when you select an item in the list, the page do not change. It seems that do not submit the page link.

I have tested on IPhone, IPad and PC browser with small width and work well. The problem is only in Android.

Thanks in advance.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 1 month ago #34492 by ivan.milic

Replied by ivan.milic on topic Responsive drop down menu don't work in Android

Open templates/hot_kindergarten/js/responsive_menu.js

after this:

Code:

jQuery("ul.nav").tinyNav({
			active: 'current', // String: Set the "active" class
			header: 'Navigation', // String: Specify text for "header" and show header instead of the active item
		});

insert

Code:

$.fn.quickChange = function(handler) {
    return this.each(function() {
        var self = this;
        self.qcindex = self.selectedIndex;
        var interval;
        function handleChange() {
            if (self.selectedIndex != self.qcindex) {
                self.qcindex = self.selectedIndex;
                handler.apply(self);
            }
        }
        $(self).focus(function() {
            interval = setInterval(handleChange, 100);
        }).blur(function() { window.clearInterval(interval); })
        .change(handleChange); //also wire the change event in case the interval technique isn't supported (chrome on android)
    });
};

jQuery(document).ready(function(){

$("SELECT.tinynav").quickChange(function() {
jQuery(this).trigger('change');
});

});

Please Log in to join the conversation.

Time to create page: 0.085 seconds