Child theming Material Design Google

[tkeriduN]

Hey!

I created a basic child theme for this theme according to the codex instructions. However, enqueueing the parent styles seem to be malfunctioning. Most of it works, customizer can still be used etc. but the header & footer goes on top of the page content.

/**
 * Enqueue parent theme styles
 */
add_action( 'wp_enqueue_scripts', 'material_child_enqueue_styles' );
function material_child_enqueue_styles() {
    wp_enqueue_style( 'material-child-style', get_stylesheet_uri(),
        array( 'material-design-google-style', 'material-design-google-front-end-css' ), 
        wp_get_theme()->get('Version') // this only works if you have Version in the style header
    );
}

What more needs to be enqueued in order to get a fully supported child theme?

[PatelUtkarsh]

Hello @tkeriduN,

Can you try the following code and see if that works for you?

/**
 * Enqueue parent theme styles
 */
add_action( 'wp_enqueue_scripts', 'material_child_enqueue_styles' );

function material_child_enqueue_styles() {
	$parent_theme_handle = 'material-design-google-style';
	$theme               = wp_get_theme();
	wp_enqueue_style(
		$parent_theme_handle,
		get_template_directory_uri() . '/style.css',
		[],
		$theme->parent()->get( 'Version' )
	);

	wp_enqueue_style(
		'material-design-google-child',
		get_stylesheet_uri(),
		[ 'material-design-google-front-end-css' ],
		wp_get_theme()->get( 'Version' )
	);
}

Cheers!

[tkeriduN]

Works nicely, thanks!