HTTPS and Full screen mobile menu

[andywalmsley]

1) Script Title: Full screen mobile menu

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

3) Describe problem:
This script has worked fine for many years, until I've tried to switch from http to https.

My hosting company did most of what's necessary to bring about use of https, apart from putting in a .htaccess redirect from http to https, which I've done, and also apart from changing all relevant links in my code from http to https, which again, I've done.

Everything seems to have worked apart from this mobile menu script which if I touch the menu graphic on screen, has no effect.

I've now restored back to the http version of the system and all again is working well.

I had the following in the Head section of every page:
<link href="https://www.newforestexplorersguide.co.uk/mobile-menus/fullscreenmenu.css" type="text/css" rel="stylesheet"/>
<link href="http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://www.newforestexplorersguide.co.uk/mobile-menus/fullscreenmenu.js" async>

And fullscreenmenu.js had
source: 'https://www.newforestexplorersguide.co.uk/mobile-menus/top-level-menu.htm'

Whilst individual pages position the menu graphic with:
<a class="animateddrawer centre" href="#" onClick="toplevelmenu.togglemenu(); return false">
<span></span></a>

(Why the open and close span I've no idea).

I'd be really grateful for suggestions as to what went wrong.

[keyboard]

Hey andywalmsley. I've just taken a look at your site (www.newforestexplorersguide.co.uk) to try and see the issue. As you mentioned, the HTTP version is working great; however, I can't access the HTTPS version properly. All the resource files (css/js/etc.) are being served over HTTP, and many browsers prevent secure pages (HTTPS) from loading insecure resources (HTTP). Would it be possible for you to provide a copy with that issue resolved, so I can take a better look?

Thanks,
keyboard

[andywalmsley]

Hi,

Thanks for the response and sorry for the delay in my reply - I've been away.

As I mentioned, following the mobile menu problem, I reverted back to the http version of the system, which continues to work fine.

I'm no expert at any of this, which must be obvious.
Are you suggesting that I should link to secure, https versions where now I have links to http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css" and http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?

(I'm not sure how I can provide a copy of the https version, as I don't have a test facility on my host server.
Can you please explain how I might provide what you require).

Thanks.