[doughballsParticipant]

Rad, how can I upload a screen recording when the maximum upload allowed is 512kb? I have taken a recording but it’s 4mb. (around 20 seconds long)

I’ve tried it in Chrome and Firefox, both display the exact same way, a totally unusable drop down menu.

As I stated in my first message, this is what you should look for:

1. If you leave the mouse in a certain position, just under ‘services’ or ‘projects’, the menu grows and shrinks, on a loop. Why is this? And can it be fixed?

2. If you move quickly between ‘services’ and ‘projects’, it triggers both menus at once, which looks really unsightly. Can this be fixed? I think maybe the link area is too wide. It should literally just be the text – not the space either side of it – that triggers the drop down.

3. Sometimes the sub-menu disappears as you scroll down the options on it. Again, can this be fixed?

Please let me know how I can show you the screen recording.

[RadModerator]

Hi there,

I’m not getting menu issues on my end, it could be specific to the browser. What browser you’re on and what version? Forum attachments are for screenshots only.

You should upload your video to any video hosting site like youtube, or file hosting like dropbox, or you may upload it to your site too. Just as long as you provide the URL here.

Thanks!

[doughballsParticipant]

Hi Rad,

Thanks, I’ve uploaded the video to my website, though it’s pretty small, you can clearly see the menu’s are acting strange.

http://seandoherty.co.uk/menu/index.html

I don’t think this is a browser issue. This is happening across three macs in both Firefox 46.0.1 and Chrome 50.0.2661.94 (64-bit)

To put it really simply:

1. The drop down sometimes shrinks back up, while the mouse is still hovering over the sub menu items
2. The menu sometimes continuously grows and shrinks if the mouse is held in certain positions.

It is very erratic, as as it is, unusable.

Thanks for your time. If you need me to upload a longer, bigger video I can.

[RadModerator]

Hi there,

Thanks for the video.

Try changing the code to this,

jQuery(document).ready(function($){
	$(".menu-item-has-children").hover(function(){
		$(this).children( "ul.sub-menu" ).stop().show(2000);
	}, function(){
		$(this).children( "ul.sub-menu" ).stop().hide("fast");
	});
});

Thanks!

[doughballsParticipant]

Hi Rad,

That’s much better, thanks!

Sean

[RupokMember]

You are welcome Sean!

Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Cheers!

[fritolaysParticipant]

How do I apply the jquery code above to only the desktop pages ?

Thank you,
———-

Got it:

jQuery(document).ready(function($){
	$(".menu-item-has-children").hover(function(){
		$(this).children( ".desktop ul.sub-menu" ).stop().show("slow");
	}, function(){
		$(this).children( ".desktop ul.sub-menu" ).stop().hide("fast");
	});
});

[ChristopherModerator]

Glad to heat that you were able to fix this.

[Author]

Posts