Broken Shop Layout

Hello the layout of my shop section and a another page is broken. I’m using the Responsive theme by CyberChimps. I tried duplicating the page.php file but it doesn’t work. I thought I could try using the hooks but I’m not a advanced web developer. This is the code I used for woocommerce.php:

<?php

// Exit if accessed directly
if( !defined( 'ABSPATH' ) ) {
exit;
}

/**
 * Pages Template
 *
 *
 * @file           page.php
 * @package        Responsive
 * @author         Emil Uzelac
 * @copyright      2003 - 2013 ThemeID
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/themes/responsive/page.php
 * @link           http://codex.wordpress.org/Theme_Development#Pages_.28page.php.29
 * @since          available since Release 1.0
 */

get_header(); ?>

<div id="content" class="<?php echo implode( ' ', responsive_get_content_classes() ); ?>">

<?php woocommerce_content(); ?>

</div><!-- end of #content -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Also here is the link to the site: https://www.madison-advisors.com/shop/
And the learn more buttons on the home page don’t line up as well: https://www.madison-advisors.com