Martonno

Hi,
no need to change the footer.php,
check this snippet.

Glad this solved your problem.

Yeah, almost all changes in Child Themes functions.php or style.css.

The easiest would be to change the code a little.
Remove all unneccessary style parameters, use wordpress defined classes for default image positioning and add a custom class (customimage ) to every image, till you get something like this:

<div style="width: 100%;">
<img class="customimage alignright wp-image-199 size-full" title="Bass Guitar Lessons Sutton Coldfield" src="http://www.thejunos.co.uk/bracebridge/wp-content/uploads/2015/07/bass-banner-copy.jpg" alt="Bass Guitar Lessons Sutton Coldfield" width="587" height="440">
<h1 style="text-align: left;">Bass Guitar Lessons</h1>
<h1 style="text-align: left;">Sutton Coldfield</h1>
<h2><span style="color: #c41010;">All Styles – Rock, Blues, Jazz, Classical…</span></h2>
</div>
<div style="clear: both;">
<div style="width: 100%;">
<img class="customimage alignleft wp-image-194" title="bass guitar tuition sutton coldfield" src="http://www.thejunos.co.uk/bracebridge/wp-content/uploads/2015/07/bass-1-copy.jpg" alt="bass guitar tuition sutton coldfield">
<div>
<h3>Take the First Step to Learning an Instrument with our Private Bass Guitar Tuition Programmes…</h3>
<p>Learning an instrument is a rewarding experience! Whether you want to learn the bass guitar for fun, or begin your journey through graded exams we can help. Our bass guitar tutors are all hugely experienced professionals, fully qualified and seasoned teachers. All styles are accommodated and we can assist you through either the classical <em>Trinity</em> or <em>ABRSM</em> syllabuses or the more contemporary <em>Rock School</em> grades.</p>
</div>
<div style="clear: both;">
<img class="customimage alignright wp-image-55 size-full" title="bass guitar teacher sutton coldfield" src="http://www.thejunos.co.uk/bracebridge/wp-content/uploads/2015/07/bass-2-copy.jpg" alt="bass guitar teacher sutton coldfield" width="440" height="294">
<div style="display: block; margin-left: auto; margin-right: auto;">
<h3 style="text-align: left;">The Service, Costs, and Other Information…</h3>
<p>Bass guitar lessons cost £25 for 45 minutes, include all learning materials and we will travel to you anywhere in the Sutton Coldfield area. Alternatively you can take advantage of our online lessons via Skype and receive a 10% discount. Just call 01675 475403 for more information.</p>
<div style="clear: both;"></div>
</div>
</div>
</div>
</div>
</div>

and add the following css

/* set default width for all images */
img.customimage {
  width: 440px;
}

/* center images if display-width is below 980px */
@media (max-width: 979px){
  img.customimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

Hi,

your site resizes fine if i go to http://www.thejunos.co.uk/bracebridge/, so it look like there is a problem with including the site in an iframe on http://www.bracebridgemusic.co.uk.
Better redirect http://www.bracebridgemusic.co.uk to http://www.thejunos.co.uk/bracebridge/.

You don’t have to modify the header.php.

Just insert

//we hook the code on the wp_head hook, this way it will be executed before any html rendering.
add_action ( 'wp_head' , 'move_my_slider');
function move_my_slider() {
 //we unhook the slider
 remove_action( '__after_header' , array( TC_slider::$instance , 'tc_slider_display' ));

 //we re-hook the slider. Check the priority here : set to 0 to be the first in the list of different actions hooked to this hook
 add_action( '__header' , array( TC_slider::$instance , 'tc_slider_display' ), 0);
}

in the themes function.php.

Glad that solved your problem.
Sorry for the comments mistake.

In line 199 of the script or line 225 of your functions.php

return sprintf('.custom-section-%1$s .custom-section-background {background-color:%2$s;opacity: 0.7;}',
 $post_id,
 is_array($background) ? $background[$post_id] : $background
 );

try changing the opacity to 1