hamburger menu stopped working when SSL - https address used

Forum|Forum|4 years ago
October 13, 2021
4 replies
1302 views

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?

This topic has been closed for replies.

Correct answer Nancy OShea

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.

B i r n o u

Legend

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

O

osgood_

Legend

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

O

osgood_

Legend

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

Legend

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

verify the SCRIPT, LINK

COMO-BRAMAuthor

Inspiring

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

Legend

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