Known Participant

Answered

Index Page Not Responsive when accessed through https

Forum|Forum|8 years ago
November 30, 2017
2 replies
800 views

First of all the site discussed here is NOT secured by a pay as you go authority but by cacert.org So your broswer will NOT be happy

Ok on to the problem.... Mostly as a learning experience i have been setting up my web site to be "secure" yes i know with cacert.org notbeing acceoted by all majopr broswers I really am not but I am not doin e-commerce of evening using site to exchange email If I was I might put the money down .. that aside

The issue I have is I am 90% done with making this site responsive. What has me baffled is that the standard view of the index page is responsive but the same page when views under https loses columns in Safari and Chrome (but not in Opera go figure haven't checked out firefox yet)

The site is kasdivi.com

Yes your browser will hate the https version

any thoughts or insight would be appreciated

Jason

This topic has been closed for replies.

Correct answer Nancy OShea

If your assets are not on https, chances are very high that your browsers will block them for security reasons. That means your CSS, scripts, etc... will fail to load properly.

As an example, you need to change the link to CSS from this:

http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

To this with https. I would also move up to BS 3.3.7 and include the integrity checks. If you're going to use CDN hosted resources it's in your best interest to verify that the assets are exactly what they claim.

Nancy OShea

Correct answer

Community Expert

If your assets are not on https, chances are very high that your browsers will block them for security reasons. That means your CSS, scripts, etc... will fail to load properly.

As an example, you need to change the link to CSS from this:

http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

To this with https. I would also move up to BS 3.3.7 and include the integrity checks. If you're going to use CDN hosted resources it's in your best interest to verify that the assets are exactly what they claim.

Nancy O'Shea— Product User & Community Expert

C

captcurrentAuthor

Known Participant

Wow Nancy you nailed that one, again,....Great job. I dint even think of that and is the end it makes a lot of sense. I had a couple of non https links..Fixed and all is great . Big thanks on the tip on the upgrade to BS 3.3.7. Your point makes alot of sense I have gone back and forth to using my own assets and using from repository. I have also been debating to the upgrade to BS 4

Nancy OShea

Community Expert

I would only upgrade to BS4 on new projects. BS3 isn't going away. It will be maintained to support older browsers that can't handle Flexbox layouts.

Nancy O'Shea— Product User & Community Expert

Preran

Community Manager

Am not sure about what you want displayed and what you don't on your website. Can you post screenshots of how it looks in Opera as compared to Safari and Chrome? I am guessing that there are lot of errors in your code that is causing this issue to happen.

Thanks,

Preran

C

captcurrentAuthor

Known Participant

Guess you didnt read the question or maybe i wasn't clear

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded