Theme Simple wird bei mobilen Geräten nicht responsive angezeigt

melanie.v · 27. Dezember 2017

Hallo.
Im Rahmen meiner Diplomarbeit erstelle ich gerade eine Website für unseren Projektpartner.
Das Theme sollte eigentlich responsive sein und passt sich teilweise auch an, jedoch nicht immer.
Habe auch schon versucht das Problem mit verschiedenen Plug-Ins zu lösen, wobei das Resultat war, dass die Webseite einfach nicht mehr schön ausgesehen hat bzw. ich einen White Screen of death bekommen habe:sad:

Infos:
https://www.campus-eferding.at/
WordPress 4.8.4
Theme WP Simple

So sieht es aus, wenn man die Seite ganz normal öffnet und beim zweiten Bild sieht man die Ansicht, wenn man rauszoomt.

Hoffe jemand hat eine Lösung für mich

Vielen Dank

Sailor56 · 27. Dezember 2017

In der 'style.css' ist für dieses Element (.subpage-banner .banner-title) eine Schriftgröße von 85px vorgegeben. Das scheint für kleinere Displays zu groß zu sein.
Abhilfe könnte eine stufenweise Reduzierung der Schriftgröße mittels Media-Queries schaffen.

SEpp55 · 27. Dezember 2017

Hallo!
So einmal zum Beginn - ich will Deine(Eure) Arbeit nicht schlecht machen.
Das Headerbild hat 12660x4871px das wird nicht so schnell ein Bildschirm 1:1 darstellen können! Dann sind die 14.129,08 KB erst zu laden .......

Nun ein Versuch deine Anfrage zu lösen.
Dazu mein Kopiersatz :wink:
Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

in diese Zusätzliche CSS füge mal nachstehendes ein:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

melanie.v · 27. Dezember 2017

Danke für deine Antwort.

Das mit dem Headerbild ist uns bewusst, das wird noch geändert. Aber trotzdem danke für deine Kritik
Leider funktioniert dein Code nicht

SEpp55 · 27. Dezember 2017

Bei mir sieht das gut aus - auf Android und dem Entwicklertools von Crome und Firefox getestet.

zu hyphens: LINK

weiters -

Zitat von danielgoehr: ↑

Standardmäßig gibt es meines Wissens nach keine Body-Klassen für die Tags. Man könnte sich aber theoretisch eigene erstellen. Siehe dazu (vor allem auch die Code-Beispiele in den Kommentaren):
https://developer.wordpress.org/reference/functions/body_class/

Bedenke auch, dass hyphens (noch) nicht browserübergreifend funktioniert.

Es ist auch keine gute Idee, hyphens für den gesamten Body zu "aktivieren", da dadurch auch Menüpunkte, Überschriften und Design-Elemente getrennt werden (könnten). Besser die Klasse .entry-content statt body verwenden.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

melanie.v · 28. Dezember 2017

Ja mit manuelle hyphens klappt es jetzt endlich.
Vielen vielen vielen lieben Dank!!!

WPDE.org

Theme Simple wird bei mobilen Geräten nicht responsive angezeigt

melanie.v New Member

Sailor56 Well-Known Member

SEpp55 Well-Known Member

melanie.v New Member

SEpp55 Well-Known Member

melanie.v New Member

Nützliche Suchen

Theme Simple wird bei mobilen Geräten nicht responsive angezeigt

melanie.v New Member

Sailor56 Well-Known Member

SEpp55 Well-Known Member

melanie.v New Member

SEpp55 Well-Known Member

melanie.v New Member