Eigenes Template wird auf dem Smartphone nicht responsive angezeigt

27.11.2017 10:35

solanum
#1

so

Hallo!
Ich bin ganz neu hier und auch im Umgang mit Joomla, deshalb hoffe ich, es kann mir jemand weiter helfen. Ich habe nach einem vorgegebenen Design eine Webseite für eine Bekannte erstellt. Dafür habe ich in Joomla ein eigenes Layout angelegt, mit eigenem HTML und CSS - klappte prima. Mein Layout ist responsive: wenn ich es auf dem dem Rechner teste und die Seite kleiner ziehe, passt sich die Seite der Bildschirmgröße perfekt an. So wie es ein sollte ...

Nun das Problem: wenn ich die Seite auf dem iPhone teste, wird die Seite angezeigt wie auf einem großen Bildschirm nur in klein (so als wäre sie nicht responsive sondern einfach statisch). :-( Ich dachte, wenn ich das mobile Layout in den Einstellungen deaktiviere, würde die Ansicht auf dem Smartphone sich an dann schon mein Layout "halten". Dieses hat seine Breakpoints und müsste auf dem Smartphone alles hübsch groß und untereinander gefloatet anzeigen. Was kann ich denn tun? Die mobile Ansicht wieder zu aktivieren, ist keine Option, weil dann die Seite nicht so aussieht, wie in der Vorlage (die Sidebar wird gar nicht ausgegeben und auch mit CSS habe ich nur winzige Möglichkeiten, das Layout so hinzubiegen, wie es sein soll.)

Habe ich etwas übersehen? Wie gesagt, ich hatte erwartet, dass mit dem Deaktivieren der mobilen Ansicht mein eigenes Layout qausi die volle Kontrolle kriegt und es auf dem iPhone dann genauso sieht, wie wenn ich die Seite auf dem Rechner schmal ziehe. Kann mir jemand helfen?

Es geht übrigens um diese Seite hier: http://stillberatung-heinzig.de

Liebe Grüße und schonmal vielen Dank für jede Hilfe!

Maria

Antworten

Beitrag melden

#2

27.11.2017 10:42

TiJo
#2

Ti

TiJo

Kleiner Tipp: Du bist hier in einem Jimdo-Forum, nicht Joomla ;)

Antworten

Beitrag melden

#3

01.12.2017 16:56 (zuletzt bearbeitet: 05.12.2017 10:51)

az_
#3

az_

https://www.stillberatung-heinzig.de ist dann aber schon eine Jimdo-Seite, wie es scheint

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#4

05.12.2017 09:09

solanum
#4

so

solanum

Huch, sorry wie peinlich. Ich meinte natürlich Jimdo (das kommt davon, wenn man gleichzeitig an zu vielen Projekten arbeitet) ...

Es ist auf jeden Fall eine Jimdo-Seite! Und ich finde nicht den Fehler ... ich gehe mal davon aus, dass der Fehler bei mir liegt und nicht im System, oder?

Hat jemand vielleicht einen Tipp für ich, was ich noch tun kann?

Vielen Dank

Antworten

Beitrag melden

#5

05.12.2017 10:57 (zuletzt bearbeitet: 05.12.2017 11:02)

az_
#5

az_

...ich schätze, das liegt an den Widgets, die du in Deinem Template eingesetzt hast. zB.

1
2
3
4
5
6
7
8
9
10
11
12
 

<div class="row">
            <div class="col-md-5 col-xs-12">
                <img src="https://u.jimcdn.com/cms/o/sa59724343b815919/userlayout/img/place.png?t=1508842916" alt=""> Anne Heinzig | Implerstraße 23 | 81371 München
            </div>
 
            <div class="col-md-7 col-xs-12 head-icons">
                <img src="https://u.jimcdn.com/cms/o/sa59724343b815919/userlayout/img/phone.png?t=1508842910" alt=""> 0152/ 58163849 &nbsp; &nbsp; <img src="https://u.jimcdn.com/cms/o/sa59724343b815919/userlayout/img/mail.png?t=1508842901" alt=""> info@stillberatung-heinzig.de &nbsp; &nbsp; <a href="https://www.facebook.com/stillberatungheinzig/)" target="_blank"><img src="https://u.jimcdn.com/cms/o/sa59724343b815919/userlayout/img/facebook.png?t=1508842754" alt="Ernaehrungsberatung"> Facebook</a>
            </div>
            <a href="https://www.facebook.com/stillberatungheinzig/)" target="_blank"></a>
        </div>
 
 

Da kann Dir nur der Supporter helfen, bei dem du das Template gekauft hast.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#6

17.12.2017 14:31

solanum
#6

so

solanum

Danke az_ für deinen Hinweis! Das Template habe ich selbst geschrieben, basiert auf Bootstrap und ist responsive - zumindest auf dem PC, da passt es sich wunderbar an die Bildgröße an. Deshalb kann ich aber auch leider den Jimdo Support nicht in Anspruch nehmen, wenn man selbst ein Template geschrieben hat, wird dafür kein Support angeboten :-( ist aber auch verständlich.

Aber es sind eine ganze Menge Widgets installiert, die werde ich auf jeden Fall überprüfen, vielleicht bringen die eigenes css mit, das sich mit meinem "beißt". Daran hatte ich noch nicht gedacht!

Vielen Dank schonmal!
Wenn ich rausgefunden hab, wo der Fehler liegt, melde ich mich nochmal.
LG Maria