Bei Child-Theme verschiebt sich das Hauptmenü

Hallo zusammen,

ich bin noch wp-Anfänger...

Ich habe vom Theme blue-planet ein Child erstellt und alles ist eigentlich super.
Aber aus mir unklaren Gründen wird das obere Hauptmenü beim Child-Theme etwas eingerückt dargestellt (beim Original ist es linksbündig).
Ich bin mir nicht bewusst, diesbezüglich irgendwo etwas verändert zu haben.

Weiß jemand, wo ich es so ändern kann, dass das Menü wieder linksbündig ist?

Danke.

Ich habe zu Beginn die Original-css des Themes kopiert und dann diese zum Child-css gemacht. Und sofort war das Menü verschoben, d.h. ohne gezielte Änderungen meinerseits.
Und irgendwie finde ich die passende Stelle nicht in der css, ich bin aber auch nicht wirklich firm in css.
Es müsste doch in der css dann im Bereich "Menü" sein, oder?
Ich habe diesen Bereich mal kopiert.

Zitat

/* =Menu
----------------------------------------------- */

.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left;
left: 0;
position: absolute;
top: 1.5em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

Alles anzeigen

Hast du eine Idee?

Danke für den Hinweis, bisher hatte ich alle Einträge der css ins Child kopiert und hatte oben zusätzlich das mit @import gemacht. Ich wusste nicht, dass es schadet, wenn man die gesamte css ins Child kopiert. Werde es gleich ändern.

Aber gerade habe ich an anderer Stelle dieses Forums gelesen, die css-Definitionen fürs Child sollen nicht mehr darüber sondern per wp_enqueue_scripts geladen werden.
Leider habe ich das mit dem Skript in der function-php nicht verstanden: In der Anleitung steht

Zitat

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

Wie genau mache ich das? Was genau muss ich also dort eintragen?
Und steht dann in der functions-php des Childs nur dieses Skript?

Kann mir jemand laien/anfänger-veständlich weiterhelfen?

Vielen Dank.

Warum soll man eigentlich die css der Seite nicht ins Child kopieren? Eigentlich kann das doch nicht falsch sein. Die child-css hat Vorrang und wenn dort zu Beginn das Gleiche steht wie im parent, dürfte das doch nicht stören, oder? Das hat den Vorteil, dass man immer gleich in dieser css nach dem Code suchen und es gleich hier an der richtigen Stelle ändern kann.
Es schien bisher gut zu klappen.

Wenn wirklich in die child style.css nur die Änderungen eintrage, wie beginne ich dann? Wie sieht sie vor der ersten Änderung aus?
Einfach nur:

Zitat

Theme Name: Blue Planet Child
Theme URI: http: //meinedomain.de/
Description: Child Theme for the blue-planet theme
Author: mein Name
Author URI: http: //meinedomain.de/
Template: blue-planet

*/
@import url("../blue-planet/style.css");/*

Alles anzeigen

Das habe ich ausprobiert, erhalte dann aber eine quasi unformartierte Seite.

Wie wäre es richtig?

Leider klappt es trotzdem nicht.

Ich habe die Ausklammerungen gerade nochmal geändert, aber nachfolgend noch keine Änderungen definiert. Das sollte doch eigentlich dann klappen, auch ohne definierte Änderungen, oder? Weil ja die parent-Einstellungen dann genommen weden, oder?

Aber bei mir bleibt erscheint weiter die unformatierte Seite.

Es erscheint nur dann richtig, wenn ich dir Ursprungs-css nachfolgend reinkopiere.

Ja, ich habe 2 Verzeichnisse: bei mir heißen sie für das Original "blue-planet" und für das Child "child-blueplanet". Im Verzeichnis child-blueplanet gibt es die styls.css mit folgender Import-Anweisung.

Ich habe jetzt mittlerweile mal alles rausgelöscht außer

Zitat

*/
Theme Name: Blue Planet Child
Description: Child Theme for the blue-planet theme
Template: blue-planet
*/
@import url("../blue-planet/style.css");

Dann erscheint die Seite unformartiert.
Und wie gesagt, sobald ich unter die Import-Anweisung die Inhalte der Original-css einfüge, klappt alles bestens.

Wow! Das ist es!
Großartig, jetzt geht es tatsächlich ohne weitere Angaben.
Und auch das Menü ist wieder ohne Einrückung linksbündig.

Vielen, vielen Dank, markamp.

Ich hatte schon so viele Stunden vergeblich gesucht, ich hätte den Fehler nie gefunden....

Vielen Dank. :-)