1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Mobile Ansicht anpassen Theme Tempera

Dieses Thema im Forum "Design" wurde erstellt von nhecker68, 25. März 2015.

  1. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Hallo Profies!

    Kann mir jemand bei der Anpassung der Schriftgröße in der mobilen Ansicht helfen?

    http://www.tor-zum-erzgebirge.de/


    Die Bilder uind alles gleicht sich an, nur die Schrift über den 8 Widgets müsste sich weiter verkleinern. Auf dem Smartphon kann man die Ortsnamen nicht mehr richtig lesen.

    Danke schon mal.
    LG Nadja
     
  2. Marcus[IS]

    Marcus[IS] Well-Known Member

    Registriert seit:
    23. August 2009
    Beiträge:
    5.955
    Zustimmungen:
    175
    Hi,

    kann das Problem leider nicht lokalisieren.
    Auf dem Tablet und auf dem Handy, beides Samsung mit Android und Chrome, sind die Ortsnamen unten über den Bildern zumindest für mich ohne Probleme zu erkennen.

    Kannst du einen Screenshoot von deinem Handy machen und hier mal posten?
    Dann könnte man eventuell nachvollziehen wie sich das Problem äußert.
     
  3. steph1977

    steph1977 Well-Known Member

    Registriert seit:
    26. Februar 2015
    Beiträge:
    46
    Zustimmungen:
    0
    Hallo,
    hab auch bei mir nachgesehen und die Ortsnamen sind gut lesbar.
    Liebe Grüße
    Steph
     
  4. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    So sieht es auf meinem Samsung aus. Und bei anderen scheinbar auch, weil mich jemand darauf angesprochen hat.



    Screenshot_2015-03-26-11-44-44_resized.jpg
     
  5. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Die Fontgrösse der Ortsnamen ist statisch definiert:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Versuche es statt mit Pixel (px) mit em oder rem.
     
  6. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Wenn ich 1em nehme, sieht es auf dem Handy gut aus, auf der PC-Version viel zuu klein. Und je höher ich gehe, desto größer wird die Schrift wieder auf der mobilen Version und somit teilweise nicht lesbar. Kann ich den Titel umbrrechen lassen, wenn nötig?
     
  7. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Dann könntest Du verschiedene Fontgrössen mit Media Queries definieren (für Bildschirme, Tablets, Smartphones).
     
  8. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Ich würde 1em für Smartphones und 1.3em für Bildschirm und Tablet nehmen. Wie müsste ich das darstellen in meinen Stylesheets?
     
  9. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    schau dir die style.css genau an,
    da hast du alles was du brauchst

    ich tät ein ChildTheme erstellen, dann ist dein Theme auch updatesicher

    dort wo sowas steht

    @media (max-width: 480px) {

    das ist für mobile Ansichten...
     
  10. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Hmmm. Das Theme hat eine Seite, wo ich meine eigenen CSS eingeben kann, damit beim Update nix passiert. Deshalb hab ich kein Child gemacht. Die Seite steht ja schon eine Weile im Netz. Kann ich denn im Nachhinein noch ein Child-Theme erstellen, ohne was kaputt zu machen?
    Bei meinen neuen Projekten hab ich IMMER ein Child-Theme erstellt. Manno! :mad:
     
  11. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Ja, das kannst Du.
     
  12. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Aber ich finde in der Original-CSS kein @media. ??? Erstmal Kinder holen (fast vergessen) dann nochmal richtig suchen. Aber mit der Suchfunktion hab ich erstmal nichts gefunden. Wenn ich es habe, mach ich ein Child.
     
  13. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Dein Theme ein eigenes style-mobile.css. ;)
     
  14. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Ich such mal. Ja. Über FTP sehe ich sie. OK. Ich versuche das mal.
    Danke. Ich melde mich.
     
  15. nhecker68

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Also ich finde nichts über die Widgets. Kann ich das im Code einfach hinzufügen. #widget-title oser so? Ich komm mir so blöd vor.
    Hier mal der CSS-Code:

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

    nhecker68 Well-Known Member

    Registriert seit:
    10. August 2013
    Beiträge:
    147
    Zustimmungen:
    0
    Kann ich die Widget-Titel ganz weglassen bei 480px, sprich Handydisplay?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden