1 reply [Last post]
meucat
meucat's picture
Offline
newbie
Last seen: 4 years 29 weeks ago
Timezone: GMT-3
Joined: 2015-04-21
Posts: 4
Points: 6

Hello People, this will not so easy to solve, because it works fine on almost all desktop browsers, but when executed on mobile devices it becomes not-friendly.

I posted example here http://jsfiddle.net/meucat/fnx2gxf3

When menu has only one entry (in this example "most popular"), I want bar just light and await a click to exec, when menu has many entries (buying guide), I want display subs immediately just on mouse over. This works fine on desktop as you can see.

The problem is with tag on android, because when you run this example , when pressing "general" it automatically try exec the next by and this solved problem... but opened a new problem with pages which uses tag , because now when pressing empty menu (for instance "general"), instead displaying sub-items it replaces href="#" by base url and executes it.

I would like make all menus to exec in standardized way.

thanks

meucat
meucat's picture
Offline
newbie
Last seen: 4 years 29 weeks ago
Timezone: GMT-3
Joined: 2015-04-21
Posts: 4
Points: 6

Sorry, the automatic editor

Sorry, the automatic editor destroyed my message, here it is in readable form

Hello People, this will not so easy to solve, because it works fine on almost all desktop browsers, but when executed on mobile devices it becomes not-friendly.

I posted example here http://jsfiddle.net/meucat/fnx2gxf3

When menu has only one entry (in this example "most popular"), I want bar just light and await a click to exec, when menu has many entries (buying guide), I want display subs immediately just on mouse over. This works fine on desktop as you can see.

The problem is with < a > tag on android, because when you run this example , when pressing "general" it automatically try exec the next entry with some < a href into, thats to say it jumps to "most popular" entry and exec it. I changed < a > by < a href = " # " > and this solved problem... but opened a new problem with pages which uses < base = href = " http: // someite . com > tag , because now when pressing empty menu (for instance "general"), instead displaying sub-items it replaces href = "#" by base url and executes it.

I would like make all menus to exec in standardized way, for desktop, android and for sites which uses < base also.