Problem whith dorp down menu on touch screen

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Fri May 09, 2014 8:37 am
Hello,

I have au problem using drop down menu on touch screnn (tablet, smartphones...).
When you put your finger over an item, it clic the item instead on doing a over... Tha makes that kind of menu unusable on mobile devices : that is not a goog thing for a responsive template...
Could you please help me ?

Thank you in advance.
User avatar
Senior Boarder

teitbite
Fri May 09, 2014 8:42 am
Hi

Please show me Your site and tell me where I should look for this menu.
User avatar
Moderator

GK User
Fri May 09, 2014 10:35 am
Hello,
I send the adress on privat message. But the problem also appear on your template demo (http://demo.gavick.com/joomla25/storebox/) for example on the "template" menu.
User avatar
Senior Boarder

teitbite
Sat May 10, 2014 8:27 pm
Hi

I'm afraid I do not understand, can You please show me the problem on screenshot ?

When I'm looking at this template on mobile devices menu is being displayed as a list and all submenus are accessible. Please take a look at my screen. Do You see it differently ?
User avatar
Moderator

GK User
Mon May 12, 2014 9:01 am
Hi,

The problems occurs on touch screen devices, when menu is still "wide looking" like on desktop (at least 1280 px wide).
User avatar
Senior Boarder

teitbite
Tue May 13, 2014 5:25 pm
Hi

I've reported this problem to programmers. Will let You know when I'll get an answer.
User avatar
Moderator

teitbite
Tue May 13, 2014 9:38 pm
Hi

We think problem is in definitions of tablet width in template settings. This determines when mobile device menu should be displayed.
Please send me an access to Your joomla panel so I'll try it.

PS: Can You tell me what device are You using ?
User avatar
Moderator

GK User
Wed May 14, 2014 9:18 am
You find a screen shot attached for the template settings options.

Well, for example, it is not working on a 24" touch screen (1920 X 1080), where for example this HTML drop down works (menu "drop down" http://html5up.net/uploads/demos/helios ... debar.html).

Please find bellow of other devices where it is not working (those I could test) :
24" screen IIYAMA working on a Windows 8 computer
DELL Lattitude ST - OS Windows 8,
KOBO -OS Android-
User avatar
Senior Boarder

teitbite
Wed May 14, 2014 9:07 pm
Hi

In our templates there are 2 menus, one for desktop and other for mobile devices. In Your case problem is that the one for desktop is used. I'm gonna ask programmers again how to deal with that. Will let You know as soon as I know something.
User avatar
Moderator

GK User
Thu May 15, 2014 9:19 am
Ok, thank's very much, I'll wait for your answer.
User avatar
Senior Boarder

teitbite
Fri May 16, 2014 9:34 pm
Hi

Unfortunately programmers cannot help here other way than to set the width for tablet in template configuratio to 2560px. With this option a mobile menu will be displayed always (the one triggered with an icon). Problem is that such big touch screens are not common and we had no way to prepare for this. But I can assure it works on all popular mobile devices http://recordit.co/IsgRuiSVLH
User avatar
Moderator

GK User
Mon May 19, 2014 8:32 am
Ok, thank you anyway for your answer.

Regards.
User avatar
Senior Boarder


cron