Heute war mein Bruder welcher in der IT-Branche arbeitet zu Besuch. Ich hatte Ihm mein Problem geschildert. Ihm war sofort klar dass das Problem nicht bei meinem Smartphone, sondern bei der SSL-Verschlüsselung liegt.
Mein Bruder war so freundlich und hat mir folgenden Text geschrieben, welche ich dem Support von Alfahosting gesendet habe:
Sehr geehrte Damen und Herren
Webseite:
https://www.mangogarden.net
Die Untersuchung des Problems, weshalb die Navigation auf meiner Website nicht auf meinem mobilen Endgerät angezeigt wird, hat ergeben, dass es sich um ein SSL Problem handelt: Die CSS-Dateien (evtl. auch JavaScript) werden unter https nicht geladen, weil sie als nicht "trusted" betrachtet werden. Daraus lässt sich schliessen, dass diese (noch) auf http laufen. Das Problem tritt nur auf mobilen Geräten auf, da durch die responsive Umsetzung wohl gewisse CSS-Dateien (und evtl. JavaScript) für die mobile Navigation nachgeladen und/oder ausgetauscht werden. Vielleicht handelt es sich auch nur um gewisse CSS-Klassen. Nun stellt sich die Frage, ob die CSS-Dateien in einem andern Verzeichnis liegen, welche nicht über https laufen und/oder ob dies ein Problem ist, welches der Hosters beheben muss. Ähnliche Probleme sind massenweise auf dem Web dokumentiert, ein ähnliches Beispiel hier
https://stackoverflow.com/questions/791 ... nder-https
Interessant ist auch, dass der Aufruf ab Facebook-Browser (direkt
http://www.mangogarden.net) einen initialen Aufruf ohne https erlauben und dann wird die Navigation angezeigt.
Die Antwort von Alfahosting erhielt ich nach wenigen Minuten:
Antwort von Support-TA
Sonntag, 2. Juli 2017 11:19
Sehr geehrter Herr Böller,
vielen Dank für Ihre Mitteilung.
Es ist nicht unüblich, dass Browser, gleich auf welchem Gerät, unverschlüsselt eingebundene Objekte innerhalb einer verschlüsselten Umgebung blockieren oder mindestens eine Warnmeldung ausgeben. Dies liegt dann jedoch an der Struktur Ihrer Inhalte, zu denen wir keine Aussage treffen können.
Betroffen sind auf der Startseite folgende.
http://code.jquery.com/jquery-latest.min.js
http://fonts.googleapis.com/css?family= ... 00,600,300
Diese beiden Elemente müssten über https eingebunden werden.
Bitte schauen Sie sich dazu auch einmal folgenden FAQ-Beitrag an:
https://alfahosting.de/antworten-auf-ih ... d=267#a267
Mit freundlichen Grüßen
Herr ......
Ich habe heute bei den beiden Elementen, welche unter header php und menu style zu finden sind, ein "s" eingefügt!
NEU:
https://code.jquery.com/jquery-latest.min.js
https://fonts.googleapis.com/css?family ... 00,600,300
Bei meinem Smartphone S4 wird nun alles richtig angezeigt. Ich hoffe dass nun alles ok ist, und ich nicht noch weitere Änderungen vornehmen muss?
Ich hoffe dass ich mit diesem Beitrag auch anderen helfen kann, welche bei Ihrem responsiven Templates auch eine SSL-Verschlüsselung anwenden möchten.