Hallo zusammen,
ich habe mir gestern ein Child-Theme meines bereits bearbeiteten Themes (Amadeus von Themeisle) erstellt. Das war für mich als Anfängerin schon nicht so einfach, aber letztlich habe ich alle Styles so hinbekommen, wie ich es wollte. Am PC sieht das Child nun auch genau so aus, wie es sein soll
Leider habe ich später festgestellt, dass die wunderbare Responsiveness des Parent-Theme plötzlich verloren gegangen ist.
So sieht das Parent-Theme an meinem Handy aus:
Und so das Child-Theme, obwohl ich nichts an den Responsive Einstellungen verändert habe:
Zweiteres bekomme ich nur so hin, wenn ich am Handy raus zoome - was beim Parent-Theme überhaupt nicht möglich ist, da dass Design ja automatisch an die Screengröße angepasst wird.
Was läuft da falsch? Wieso übernimmt das Childtheme nicht die Responsive-Einstellungen der style.css des Parents? Oder liegt der Fehler vielleicht gar nicht in der style.css, sondern woanders, z.B. in der functions.php meines Childthemes?
Die functions.php meines Child ist Folgende (vom Autor meines Parent-Themes auf deren Homepage empfohlen):
add_action( 'wp_enqueue_scripts', 'child_enqueue_styles',99);
function child_enqueue_styles() {
$parent_style = 'parent-style';
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
}
if ( get_stylesheet() !== get_template() ) {
add_filter( 'pre_update_option_theme_mods_' . get_stylesheet(), function ( $value, $old_value ) {
update_option( 'theme_mods_' . get_template(), $value );
return $old_value; // prevent update to child theme mods }, 10, 2 );
add_filter( 'pre_option_theme_mods_' . get_stylesheet(), function ( $default ) {
return get_option( 'theme_mods_' . get_template(), $default );
} );
}Die für mich deutlich erkennbaren (und nicht im Child style.css bearbeiteten) Responsive-Einstellungen meines Parent-Themes:
/*--------------------------------------------------------------## Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
.content-area {
width: 540px;
float: left;
}
}
@media (max-width: 1024px) {
.main-navigation {
display: none;
}
.mobile-nav {
display: block;
background-color: #1c1c1c;
}
}
@media only screen and (max-width: 1024px) {
.header-image {
background-attachment: scroll !important;
background-position: center !important;
}
}
@media only screen and (max-width: 991px) {
.content-area,
.widget-area {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.post-inner {
padding: 15px;
}
h1 {
font-size: 28px;
}
.entry-header {
margin-bottom: 15px;
}
.site-title {
font-size: 42px !important;
}
.site-description {
font-size: 16px !important;
}
.entry-meta,
.entry-footer {
font-size: 13px;
}
.entry-meta .posted-on:after,
.entry-meta .author:after {
margin: 0 5px;
}
.entry-meta span {
display: inline-block;
}
}
@media only screen and (max-width: 320px) {
.site-content,
.footer-widget-area .container {
padding: 0;
}
.hentry,
.widget-area .widget {
margin-bottom: 30px;
}
.site-title {
font-size: 32px !important;
}
.site-description {
font-size: 14px !important;
}
}Habt ihr vielleicht eine Idee?
Vielen Dank und liebe Grüße,
Marie