Twenty Twelve - mobil zusammengestaucht

    Hallo,

    mit dem Theme twentytwelve habe ich eine einfache Seite erstellt: http://www.figureskating-nrw.de/
    Auf dem PC sieht das auch alles gut aus, jedoch ist die Anzeige auf einem mobilen Gerät (in meinem Fall ein Iphone) ziemlich merkwürdig. Das Menü im Header fehlt komplett und die Seite ist zusammengestaucht, während der Hintergrund einen Großteil des Platzes einnimmt. Ich hänge euch ein Foto an, damit man es besser versteht.

    Änderungen habe ich wenig vorgenommen. Lediglich einige Farben geändert, ein Bild im Header eingefügt und die Sidebar auf die linke Seite verschoben. Hat jemand eine Idee, was ich tun muss, damit die Seite auch auf dem handy vernünftig angezeigt wird?

    Ich freue mich über jeden Tipp! Vielen Dank!

    Dana

    • Gerade eben
    • 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

    das menü ist weiterhin da, siehe button menü. Das Hauptproblem ist dein riesiges Bild im Header: 1.130px, das ist breiter als das theme und muss in die Hose gehen.

    Deine Methode zur Integration ist auch eher hmmm. Mach es mal so in der header.php:

    Zitat

    <hgroup>
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo bloginfo('stylesheet_directory');?>http://www.figureskating-nrw.de/wp-content/uploads/header.png" alt="<?php bloginfo( 'name' ); ?>" width="100%" /></a></h1>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>

    Einmal editiert, zuletzt von gericoach (19. Februar 2014 um 17:24)

    Danke für die Antwort!
    Ich habe den Code nun so eingefügt, wie von dir vorgeschlagen (den anderen hatte ich mir auch ergooglet. Habe wenig bis keine Ahnung vom Programmieren und war erfreut über einen schnellen Erfolg), jetzt wird die header Grafik aber gar nicht mehr angezeigt. Allerdings ist dies zumindest eindeutig die Lösung des Problems, denn jetzt wird es auch auf dem Handy korrekt angezeigt. Wenn du jetzt auch noch den Fehler findest, warum sie ganz verschwunden ist, wäre ich dir sehr dankbar. :)

    Hallo
    Wenn du nicht vorhast den Blog umzuziehen, bzw. die Url zu ändern, kannst du den Link absolut angeben:

    PHP
    <hgroup>
            <h1 class="site-title"><a href="<?php echo  esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr(  get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img  src="http://www.figureskating-nrw.de/wp-content/uploads/header.png"  alt="<?php bloginfo( 'name' ); ?>" width="100%"  /></a></h1>
            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        </hgroup>


    LG

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden