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

Responsive Header

Dieses Thema im Forum "Design" wurde erstellt von Rage1203, 8. April 2019.

  1. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
    Hallo zusammen, ;)
    ich bin seit ein paar Monaten dabei meine erste Website zu bauen und auch wenn die Arbeit nie zu ende geht sind momentan nur wenige Dinge übrig die noch gelöst werden müssen.

    Das größte Hindernis ist seit langem der Mobile Header,
    ich möchte erstens das mein Menü einfach nur verkleinert wird auf die maximale breite und die Menüpunkte nebeneinander stehen statt untereinander und das zweite Problem ist das der Header Container mindestens um die Hälfte zu schmall ist.

    Normalerweise google ich mir meine Lösungen zusammen aber ich komme hier auf keinen Grünen Zweig wie man so schön sagt.
    Ich habe es mit
    mit verschiedenen größen min und max versucht und ich habe versucht es unterschiedlich anzusteuern
    aber es triggert einfach nichts und bleibt unverändert, hoffe ihr könnt mir da weiterhelfen.
    Meine Theme ist übrigens Flatsome

    a1d5c555-d993-433a-b533-c9f7cf1d216e.jpg
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Ein Link hilft, Bilder helfen leider nicht. Sonst fangen wir an zu raten.
     
  3. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Ich kann deine Fehldarstellung auf meinem Android nicht nachvollziehen. Von welchem Gerät stammt der Screenshot? Welcher Browser wurde benutzt?
     
  5. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
    Ich habe ein LG G6 und nutze chrome, habe gerade testweise Firefox installiert und da ist das Problem auch nicht, möglicherweise liegt es an meinem Cache?
    und abgesehen vom geteilten Header wie könnte ich denn die Menüpunkte responsiv machen so das alle 4 proportional nebeneinander sind.
     
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Das wird vermutlich nur über die font-size funktionieren. Teste mal
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Das ganze setzt du in einen entsprechenden Media-Query.
     
    Rage1203 gefällt das.
  7. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
    Hab die Size jetzt noch auf 4 geändert aber abgesehen davon, perfekt vielen vielen dank.
     
  8. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Mit font-size: 4vw passt es mMn nicht auf kleineren Geräten.
    upload_2019-4-8_15-49-18.png
     
  9. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
    ärgerlich...
    bei mir hat es perfekt gepasst, hab jetzt auf 3.5 reduziert.
    Würde es da nicht eine "intelligentere" lösung geben die sich dem screen anpasst?
    Media-Query hab ich momentan
    (falls das relevant wäre)
     
  10. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    mMn gibt es keine intelligentere Lösung. Es hängt ja von der Länge der Wörter ab.

    Was meinst du warum moderne Menüs responsive meinst in Listform sind? ;)
     
  11. Rage1203

    Rage1203 Member

    Registriert seit:
    23. Januar 2019
    Beiträge:
    14
    Zustimmungen:
    0
    Naja in einer rein theoretischen Situation würde es schon gehen wenn man alle abstände untereinander proportional und prozentuell beibehält.
     
  12. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    ja, rein theoretisch könntest du jedem <li> eine width von 25% geben. Wenn die Schriftgröße nicht rein passt ... pech gehabt, wird abgeschnitten oder umgebrochen. Aber ich denke das willst du nicht wirklich.
     
  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