Menu not hovering on Chrome

Also my menu is on where its supposed to be on Chrome, but on Firefox it is below the header line

Someone had posted the following on a forum somewhere
(but I haven’t tested it myself) :

“Some machines with Chrome are being detected as touch devices.

I changed the code of the function IsTouchDevice() in public.js file of the plugin.

The new code looks like this:

function isTouchDevice() {
return (‘ontouchstart’ in document.documentElement && navigator.userAgent.toLowerCase().indexOf(‘chrome’) == -1); }

Now it works properly on every devices”

I believe the fix above will stop the menu from working on mobiles with the chrome browser installed, so it’s not recommended.

I think the problem is your desktop browser thinks your computer has a touch screen (a problem with Windows 8), you need to tell Chrome that you don’t have a touch screen:

https://productforums.google.com/forum/#!topic/chrome/P1w9dhH_874

Regards,
Tom

That makes sense, all the computers I was testing it on have a touchscreen. I just checked it on a normal screen and it works. Chrome is weird.

Anyway any ideas on why the menu is not below the header on Firefox but it is on Chrome?

Thanks so much for help.

Hi Alia,

On my (laptop) screen the menu is below the logo on both browsers. I don’t think its to do with the browser, I just suspect your firefox browser is a pixel or 2 wider than your chrome browser, and on smaller screens the menu is being pushed onto a new line.

Regards,
Tom

Could be, thanks for your help :).

Marking as resolved