Twenty Twelve - Abstand - aber richtig

okeanos

Hallo Zusammen,

der Abstand (auf dem Bild zu sehen) möchte ich gerne verkleinern.
Das habe ich auch geschafft über:

PHP

body{


    margin-top: -20px;}

Schaut erstmal gut aus. Was auffält ist das im Mobilen Modus (ipad & co) nun der Abstand um eben diese 20px zu gering ist.
Bei TwentyTwelve ist es ja so das man im Mobilen Modus keinen Abstand hat.

Jetzt ist hier meine Frage wo muss man den Wert einstellen damit es auch wirklich sauber klappt?

Die betroffene Seite ist hier

Gruß, Ben

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

Gerd-E.

Hi Ben,

der Abstand ist ab Zeile 1591 der style.css mittels margin-top definiert:

Code

body .site {


    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    margin-bottom: 3.42857rem;


    margin-top: [COLOR=#ff0000]3.42857rem[/COLOR];


    padding: 0 2.85714rem;




}

Alles anzeigen

Verkleiner mal den markierten Wert.

okeanos

Das habe ich auch schon versucht. klappt auch soweit bei "normalen" Laptops etc. Aber bei Mobilgeräten erscheint dann ebenfalls ein Abstand. Wenn man den Wert unverändert lässt, gibt es den Abstand nicht (in der Mobil-Ansicht).

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty Twelve - Abstand - aber richtig

Jetzt mitmachen!