Results 1 to 3 of 3

Thread: HTTPS and Full screen mobile menu

  1. #1
    Join Date
    Jan 2012
    Posts
    34
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default HTTPS and Full screen mobile menu

    1) Script Title: Full screen mobile menu

    2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...screenmenu.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.
    Last edited by andywalmsley; 05-07-2021 at 04:28 PM. Reason: Further information provided.

  2. #2
    Join Date
    Mar 2011
    Posts
    2,170
    Thanks
    60
    Thanked 120 Times in 116 Posts
    Blog Entries
    4

    Default

    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

  3. #3
    Join Date
    Jan 2012
    Posts
    34
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    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.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.
    Last edited by andywalmsley; 06-19-2021 at 07:43 AM.

Similar Threads

  1. Replies: 1
    Last Post: 02-08-2021, 04:59 AM
  2. Resolved Changing BG Color On Multi-Level Full Screen Menu
    By Dave H in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-04-2018, 09:59 AM
  3. Full screen mobile menu
    By andywalmsley in forum Dynamic Drive scripts help
    Replies: 21
    Last Post: 01-30-2015, 11:41 AM
  4. Replies: 12
    Last Post: 01-30-2015, 08:41 AM
  5. Full screen mobile menu .. help required
    By aamirsheikh in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 01-10-2015, 09:40 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •