PDA

View Full Version : Responsive Mouseover Tabs Menu



chechu
04-11-2014, 04:21 PM
1) Script Title: Mouseover Tabs Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/mouseovertabs.htm

3) Describe problem: Although it says in the description that "Menu optimized for consistent mobile browsers experience", I don't see it turn into responsive. Is there a tab menu that is responsive, please? Thanks.

vwphillips
04-12-2014, 01:59 PM
"Menu optimized for consistent mobile browsers experience"

this means that it uses click inplace of mouseover for mobile devices

mobile devices do not support mouseover which is quire restrictive

skoricpe
02-04-2015, 12:22 PM
Used this guy on my site. Works nice.

Checked on Samsung Galaxy as well. Works reasonably OK.

The main menu tabs change to each other on click.

However, don't want easy go to the main tab link itself. To go to the link there you need to hold finger until the a new window opens. When select Open on that window it goes there OK.

Is there any solution that would make going to the link on two clicks, finger holding for longer or something like that.

Rgds,

chechu
02-04-2015, 12:59 PM
To be honest, I wouldn't use that menu on mobile.
Just make something like this:



<div class="mobile">
<select id="onlymobile" style="width:100%" onChange="window.location.href=this.value">
<option value="" selected="selected">Click here for menu</option>
<option value="/index.php"> home</option>
<option value="/firstitem.php"> first item</option>
<option value="/seconditem.php"> first item</option>
</select>
</div>


Where css looks like this:

#onlymobile { display:block; }
.mobile { display:none; }
Adding the class only to your mobile settings.