• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

hamburger menu stopped working when SSL - https address used

Explorer ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

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?

Views

709

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 14, 2021 Oct 14, 2021

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 com

...

Votes

Translate

Translate
Community Expert ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

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

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

This is the one which works:

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

add https and the font changes and the hamburger disappears

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

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

BenPleysier_0-1634185802919.png

 

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

 

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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.

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

yes SCRIPT and LINK need to  be updated

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

quote

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

By @Nancy OShea

 

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

quote

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 😉

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

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

verify the SCRIPT, LINK

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 13, 2021 Oct 13, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

yes the code is accessible from the very first feedback

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 14, 2021 Oct 14, 2021

Copy link to clipboard

Copied

sorry... youps

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines