Skip to main content
Participant
January 29, 2019
Answered

Bootstrap in SSL / https:// in dreamweaver CC 2018

  • January 29, 2019
  • 3 replies
  • 808 views

I am using dreamweaver CC 2018. And bootstrap to create a roll-over menu. In http:// the roll-over menu operates well. But in https:// the roll-over button does not operate. Example: http://topworld.center operates  well. But in https://topworld.center  the roll-over menu does not operate. How can I make the rollover menu in bootstrap work in SSL / https:// in dreamweaver CC 2018?

This topic has been closed for replies.
Correct answer osgood_

https://forums.adobe.com/people/Nancy+OShea  wrote

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

You just have to look in the browser console to see the files being blocked because of mixed content - http: and https:

Although I don't know why the green paddlock dropdown is not showing there are problems with mixed/blocked content, because it should be.

Edited...

It is showing - you have to click on the arrow to see the message about blocked content, although it should really be more bloody obvious.

3 replies

Nancy OShea
Community Expert
Community Expert
January 29, 2019

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

Nancy O'Shea— Product User & Community Expert
osgood_Correct answer
Legend
January 29, 2019

https://forums.adobe.com/people/Nancy+OShea  wrote

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

You just have to look in the browser console to see the files being blocked because of mixed content - http: and https:

Although I don't know why the green paddlock dropdown is not showing there are problems with mixed/blocked content, because it should be.

Edited...

It is showing - you have to click on the arrow to see the message about blocked content, although it should really be more bloody obvious.

Nancy OShea
Community Expert
Community Expert
January 29, 2019

WhyNoPadlock report gives other helpful info that the developer's console doesn't talk about. 

Nancy O'Shea— Product User & Community Expert
BenPleysier
Community Expert
Community Expert
January 29, 2019

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I suggest that you delete/refresh the browser cache and try again. You will find that both versions work as intended

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Legend
January 29, 2019

BenPleysier  wrote

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I don't share that opinion. When I changed at least one of my websites to https:// I also had to change the jquery library link to https:// for anything using jquery to function correctly.

BenPleysier  wrote

You have also sated that you are using Bootstrap, yet nothing is further from the truth.

Well there is a  link to the Bootstrap js - as to whether the OP is using any I didnt investigate further

Theres plenty of Bootstrap in this file:

http://topworld.center/css/TopUniversity100.css

Plus plenty of Bootstrap classes in the html mark-up

BenPleysier
Community Expert
Community Expert
January 30, 2019

osgood_  wrote

BenPleysier   wrote

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I don't share that opinion. When I changed at least one of my websites to https:// I also had to change the jquery library link to https:// for anything using jquery to function correctly.

My apologies, I saw red as I was scrolling down the document. I was also blinded by the use of table elements. Please ignore my reply, I was wrong.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Legend
January 29, 2019

Change any remote links within your website page/s to also have https://

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<!--Bootstrap-->

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

See if that makes a difference