[theme: fashionistas] formatting is removed on child theme

I have the Fashionistas theme and have created a child theme for making changes to the css. But after creating this theme, the formatting of my mobile website has messed up. The header and footer are misaligned and there is no border.

Here is the code I added to the css for the child theme:

/* ----- hide visually but keep SEO ----- */
.site-title {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
/* IE7 */
	clip: rect(1px,1px,1px,1px);
}
/* ----- allow img in there responsive ----- */
.site-header .widget {
	float: none;
	text-align: left;
}

I found this code in the forums to replace the site title with my logo. I also added a functions.php file to the child theme, with the following code:

<?php
add_action( 'wp_enqueue_scripts', 'wpsites_load_parent_styles');
function wpsites_load_parent_styles() {
    wp_enqueue_style( 'parent-styles', get_template_directory_uri().'/style.css' );
}

These are the only changes I have made. I would be grateful if someone can help me to get my responsive site back to normal please. Many thanks in advance.

Website: blog.khaleejiabaya.com