Twentyfourteen: Footer-Problem auf iphone

lamf

Halo,

ich nutze Twentyfourteen und auf dem iphone wird der Footer unnötig mehrfach umgebrochen und ragt in den rechten Rand hinein.

PHP

<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>


        </div><!-- #main -->


        <footer id="colophon" class="site-footer" role="contentinfo">


            <?php get_sidebar( 'footer' ); ?>


            <div class="site-info">
                <?php do_action( 'twentyfourteen_credits' ); ?>
                <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyfourteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyfourteen' ), 'WordPress' ); ?></a>
            </div><!-- .site-info -->
        </footer><!-- #colophon -->
    </div><!-- #page -->


    <?php wp_footer(); ?>
</body>
</html>

Alles anzeigen

Warum bzw. wie stelle ich das ab?

LG

Werbepost

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

gericoach

ein link wäre sehr hilfreich um deine frage zu beantworten.

bionade

Nö, ich finde den Codes des Themes wichtiger. Dann muss man nicht so lange guggen, was Twentyfourteen wohl iss und wo man das Theme finden kann. ;)

lamf

hier ist der Link:

http://www.wischnewski-henrik.de/

Wie gesagt, der fehler tritt nur auf em iphone auf.

LG

lamf

bitteschön, hier ist der Link:

http://www.wischnewski-henrik.de

hast Du da eine Idee?

LG

gericoach

hab es mit dem iphone5 getestet, alles i.O. Einzig das "Stolz präsentiert..." wandert nach rechts, aber nicht weiter.

da wurde aber wohl auch massiv an der site-info gefummelt, oder?

Zitat

.site-info {
margin-left: 222px;
text-align: center;

lamf

Hallo,

ja aber genau das ist das problem...

da steht:

Stolz
präsentiert
von
Wordpress

und da soll stehen:

Stolz präsentiert von Wordpress

und zwar mittig, sowohl auf dem PC-Bildschrim/iMac als auch auf dem iphone (teste auch mit iphone 5). Auf dem ipad tritt der Fehler nicht auf.

Ich habe die Seitenbreite geändert, damit es besser aussieht, sonst bleibt so ein riesiger rand auf der rechten Seite, der insbesondere auf nem 27" iMac furchtbar aussieht..

noch einen Rat?

LG

gericoach

wenn Du die Original style.css verbastelst, dann kann sowas schon passieren. setze die ursprüngliche wieder ein.

Melewo

Du könntest das auch dabei belassen, müssest den Abstand dann aber bei den Media Queries wieder aufheben. Welche Media Queries davon betrioffen sind, müsstest Du austesten, deshalb nur als Beispiel.

Code

.site-info {
    text-align: center;
    margin-left: 222px;
    ...
    ...
}




@media screen and (max-width: 400px) {


    .site-info {
        text-align: center;
        margin-left: 22px;
    }
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twentyfourteen: Footer-Problem auf iphone

Jetzt mitmachen!