Streaming live at 10am (PST)

Open menu on hover - not working


#1

Hi All,

I’ve recently added a drop down to the navigation.

The “open menu on hover” is selected in the setting

However, this doesn’t seem to be working in live via chrome.


Here is my site Read-Only: https://preview.webflow.com/preview/dance-days?preview=1b3815bc9244c13f8def07f000f20082


#2

Hi @mattmatson thank you so much for reporting this!

Are you by chance using a Touch Screen desktop device?

Could you please let me know what browser version you’re using by sending me your information from this page?

There should be a small share link when you visit the page which you can send to me.


#3

Hello,

Thanks for coming back to me.

Here’s the link - whatismybrowser.com/w/FLK9GTG

Yes, it is a touchscreen desktop. Your comment made me check a none touchscreen desktop and it works fine, so it must be a touch issue.

Thank you


#4

having this same issue - touch screen not working with Firefox & Chrome (latest versions), works with Edge on touch screen laptop. All non-touch machines, servers, browsers appear to work fine. Is there a work around for this or a fix in progress?


#5

ok, thanks to this thread Hover dropdown menu on touchscreens

and a little changes (below) I have this workaround now.

 <script>
$('.w-dropdown').hover(function(evt) {
     	evt.preventDefault();
     	var openClass = 'w--open';
     	if (evt.type == 'mouseenter') { 
     		$(this).find('.w-dropdown-toggle').addClass(openClass); 
     		$(this).find('.w-dropdown-list').addClass(openClass); 
     	}
     	else if (evt.type == 'mouseleave') { 
     		$(this).find('.w-dropdown-toggle').removeClass(openClass); 
     		$(this).find('.w-dropdown-list').removeClass(openClass); 
     	}
     }); 
</script>

Dropdown menu not working in Chrome
#6

Thank you so much for sharing this with the community @jenkinstechnology :bowing_man:


#7

glad to help, the code above isn’t formatting correctly for some reason, should have dollar signs in front of every (this) find so like “$(this).find(…)”. Will try to edit (ok, cool, edited :)) should be better now.


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.