Theme Twenty Elven Darstellung auf Smartphone

  • Hallo Wordpress Gemeinde,

    Es geht um folgende Site: http://www.ichbingruender.info. Das Theme ist "Twenty Eleven" und wenn ich mir das Blog dann auf dem Smarthphone anschaue, bin ich etwas enttäuscht. Die "Suche" und die "Navigation" verdecken den halben Bildschirm und werden untereinander anstatt nebeneinander angezeigt.
    Kennt jemand eine Lösung wie man das in "schön" hinbgekommen kann?

    Danke für eine kurze Info und liebe Grüße

    Jochen

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • versuch, in diesem abschnitt (zeile 2400 +):

    Code
    @media (max-width: 650px) {

    diesen style neu einzufuegen:

    Code
    #branding .only-search + #access div
    {
      padding-right: 5px; position: relative; z-index:100;
    }

    sollte wenigsten ein bischen besser aussehen (nicht auf smartphone getestet)

  • oh klasse, das sieht schon viel viel besser aus... Danke!
    Nun wird die Navigation anständig ausgegeben. Super
    Weißt du vielleicht auch, wie ich die "Suche-Seite" aus dem Titelbild bekomme?
    :-)

    Danke und liebe Grüße

    Jochen

  • etwa 50 zeilen weiter nach unten im selben abschnitt (zeile 2450), evtl das 'top' zu 'bottom' aendern und den zahlenwert hier anpassen:

    CSS
    /* Make sure the logo and search form don't collide */
     #branding #searchform {
      bottom: 1.625em !important;
     }

    dann ueberdeckt die suchform wenigstens nicht den seitentiteltext (?)

    oder mit 'display: none;' in dem style die suchform ganz entfernen (?)

  • .. und auch dieser Hinweis hat mir sehr geholfen. Vielen Dank dafür.
    Woher wisst ihr das alles nur.... :-)
    Danke und bis zum nächsten Problem.

    Jochen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!