Drop downs not working on Responsive Hybrid Menu

**larry_b** · 06-26-2019, 03:30 PM

1) Script Title: Responsive Hybrid Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu/index.html

3) Describe problem: The problem is that the sub menus are not appearing when the cursor is hovering on the top level buttons. I am including a link to the code I have and what the problem is.

https://danskeren.com/menus/hybrid/

I am new to this forum, although I have used Dynamid Drive software for years. Please let me know if you need any more information.

Larry

**keyboard** · 06-27-2019, 03:19 AM

So the first thing I checked was your website and I noticed you have a whole bunch of errors

Code:

Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:28 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure image 'http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/ddlogo.png'. This content should also be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js'. This request has been blocked; the content must be served over HTTPS.
hybridmenu.js:9 Uncaught ReferenceError: jQuery is not defined
at hybridmenu.js:9
(anonymous) @ hybridmenu.js:9
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.

The actual javascript error is this one -

Code:

hybridmenu.js:9 Uncaught ReferenceError: jQuery is not defined
    at hybridmenu.js:9

That's happening because jQuery isn't being loaded.
Now check this error -

Code:

Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

Your website is forcing HTTPS, but its trying to load resources from a non-secure address (not https).
The browser will not load the resources, so the script breaks.

In chrome if you select the insecure content blocked and click "allow unsafe scripts", the website works fine. You'll need to load the resources over https.