Twenty-Fourteen Navigationsmenü + Content zentrieren?

kost

Moinsen,
Ich möchte gerne mein twenty-fourteen child theme entsprechend der angehängten Bilder anpassen.
Auf dem ersten Bild seht ihr den aktuellen Stand (http://clemenstestpage.comuf.com/).
Ich möchte das ganze allerdings im Bereich der Navigationsleiste und des Seiteninhalts immer auf einer mittigen Achse ausgerichtet haben (so wie im (photogeshoppten) zweiten Bild zu sehen ist), was momentan leider nicht der Fall ist.

Was muss ich im Stylesheet ändern, damit ich das hinbekomme? Oder muss ich da woanders Änderungen vornehmen??
Für Tipps und Tricks wäre ich sehr dankbar.

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

kost

So, habe was gefunden, um den content Bereich auch wirklich zentriert hinzubekommen. Denen, die es interessiert, möchte ich es natürlich nicht vorenthalten und hab es mal hinten beigepackt. :wink:

Allerdings hab ich nach wie vor Probleme, was das Zentrieren des Navigationsmenüs angeht. Wie bekomme ich das hin? Was muss ich im Stylesheet ändern???

Ums nochmal klarer hervorzuheben, anbei wieder ein präpariertes Bildchen, wie ich es gerne hätte.

Hier der Text, der meinem Problem Abhilfe geschafft hat.

PHP

/* No Sidebar */




@media screen and (min-width: 783px) {




.primary-navigation {
float: left;
margin-left: 20px;
}
}




@media screen and (min-width: 1110px) {




.archive-header,
.comments-area,
.image-navigation,
.page-header,
.page-content,
.post-navigation,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content footer.entry-meta {
padding-left: 55px;
}




}




/*
centering the page
.site {
margin: 0 auto;
}
*/




.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
max-width: 874px;
}
.comments-area {
max-width: 874px;
}
.post-navigation,
.image-navigation {
max-width: 874px;
}




.site:before,
#secondary {
width: 0;
display: none;
}
.featured-content {
padding-left: 0;
}
.featured-content-tp {
padding-left: 0;
}
.site-content, .site-main .widecolumn {
margin-left: 0;
}
.hentry {
max-width: 900px;
}
.post-thumbnail img {
width: 100%;
}




.site-title,
.site-description {
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
}
.site {
max-width: 1135px;
position: relative;
margin: 0 auto;
}




.content-area, .content-sidebar {
padding-top: 0;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty-Fourteen Navigationsmenü + Content zentrieren?

Jetzt mitmachen!

Benutzer online in diesem Thema