Woocommerce Mystile Child Theme Not Working

I’ve created child themes before without issue however when I create one using Woocommerce Mystile theme it does not display properly with menu items missing and images resizing to be too large. I made the child theme by creating a new folder in the wp-content>themes folder called mystile-child and creating style.css with the contents

/*
    Theme Name: Mystile Child
    Description: Mystile Child Theme
    Template: mystile
    */

I then created a functions.php file with the contents

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>

This is what the Parent Theme looks like and how my child theme should look
https://i.stack.imgur.com/rLOZc.png

This is how my child theme currently looks

View post on imgur.com