hamburger menu stopped working when SSL - https address used

[COMO-BRAM]

I am using this on my testing server and if I go to the site using https the hamburger menu doesn't appear. If I use the http address the menu is there. Is there some PHP setting in Dreamweaver shich causes this problem?

[BenPleysier]

Please supply the URL to your site so that we can see what is going on.

[COMO-BRAM]

This is the one which works:

http://www.comoltd.com/packworldusa/

add https and the font changes and the hamburger disappears

[BenPleysier]

This may not be a solution to the problem, but it is a good idea to fix thse problems first:

In case you cannot read it, the problems are links to HTTP instead of HTTPS.

[COMO-BRAM]

I am in bed seeing this on my iPad... will look closer tomorrow. Like I have said I am not a programmer but ebjoy a challenge even tho am a bit old to learn these new tricks. Thank you

[Nancy OShea · Accepted solution]

Hi @COMO-BRAM,

Here's the culprit on Line 202 of your code:

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Replace jQuery script above with one from a secure HTTPS server and it should restore the hamburger menu to working order. 

<script   src="https://code.jquery.com/jquery-3.6.0.min.js"   integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="   crossorigin="anonymous"></script>

jQuery 3.6 is the current version and may not be compatible with your outdated menu plugin.  It's also worth noting that the code thoughout your site is outdated by today's standards -- e.g. HTML5 code replaced XHTML transitional. Legacy Fluid Grid layouts were replaced with Bootstrap framework and so on... 

Read chapters, do code exercises and take quizzes at the end.
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/js/

- https://www.w3schools.com/bootstrap4/

Hope that helps.

[osgood_]

It's not only that link but there are four more http:// links, 3 to the Google fonts api and 1 to font-awesome at the top of the page, they need updating to https:// as well.

[Nancy OShea]

Yes, that in addition to everything else.  The entire code needs updating.

[COMO-BRAM]

I have another site built virtually the same way... it is working but from what I can tell needs to be completely gone thru. I am not a programmer and looking to rebuild the sites using Wordpress so the client can also make some updates.

The Packworld site was built about 7 years ago and has never gone live... I only want to be able to go live with it until we have the new sites built. A lot of what you described is "greek" to me, but I can learn and will go thru all the notes you have given me to see if I can make sense of it.

I so appreciate all the help everyone here has given me... this is great even if I can't fix it. At least I can try and learning is the best part of life. Thank you so much, Lance

[osgood_]

I've seen much worse to be honest. It seems to get the job done, the few pages I've looked at anyway - a little bit of this and a little bit of that stuck together......I doubt anyone really cares apart from those with discerning eyes..........that's were we are at today, no skill required any longer.

[B i r n o u]

yes SCRIPT and LINK need to  be updated

[COMO-BRAM]

works... I didn't go thru all of the lessons as I don't have the time now - but it is good. I will do the same thing on the other site. Thank you - loved the learning.

[B i r n o u]

Here's the culprit on Line 202 of your code:

By @Nancy OShea

Yes, that's what I said since the first comment

Replace jQuery script above with one from a secure HTTPS server and it should restore the hamburger menu to working order. 

<script   src="https://code.jquery.com/jquery-3.6.0.min.js"   integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="   crossorigin="anonymous"></script>

By @Nancy OShea

just adding a 's' to all HTTP path should be good enought and do the job 😉

[B i r n o u]

are you sure that all you related pages are served in https ?

verify the SCRIPT, LINK

[COMO-BRAM]

not sure what you mean... if I go to the site using http it works as it should, but if I enter the URL using the SSL https the navigation goes away and the font changed to a serif version. I am not an expert php programmer so this has me confused. I thought it was related to changing my server to php 8... so I switched it back, but it appears the problem is the secure function.

[B i r n o u]

I'm talking about the links used inside your page... the HTML use LINK tags and SCRIPT tag... all of them point to HTTP and not HTTPS...

for HTTPS working, all the related URL must be in HTTPS and not HTTP... what I suspect, is that your jQuery link (in the bottom of the page) is not loaded at all (as your fonts)... and so your custom scripts are not working because of missing main library,

so try to change all you path from HTTP to HTTPS first, and reload the page

[osgood_]

If you use the http address then you should be getting automatically redirected to the https address if you have set the workflow up correctly otherwise any directory listing that you may have will still go to the http address.

You would normally have to add a couple of lines of code to your htaccess file to get your server to go to https instead of http - if you have a friendly hosting provider they might do that for you.

As for why your hamburger is disappearing that could be as a result of mixed content in your code. Do you still have any external  links to libraries such as jquery or font libraries in your pages code which are pointing to http. If so you need to point the links to https

[B i r n o u]

that's what I said in my previous comment.. all LINK tag point to http, and the SCRIPT tag at the bottom of the page point jQuery to HTTP, not HTTPS

[osgood_]

I cant view the code as lm currently using a tablet device and l dont think it has a way of viewing the source code, so was assuming that there might still be links to http resources, which you have confirmed

[B i r n o u]

yes the code is accessible from the very first feedback

[osgood_]

Yes l know but as l'm currently viewing on a tablet l cant see the code which is why l was making a subjective guess as to what the problem could have been. You confirmed that my guess had been correct.

[B i r n o u]

sorry... youps