Konstantinos

This is not a problem… Your site has flexible widths and it is a physical reaction.

To solve this you can do this.

Go to homepage code and find this line:
<h6 style="text-align: center;"><img class="aligncenter wp-image-146 size-full" src="https://i0.wp.com/nyfighthouse.com/wp-content/uploads/2014/10/Welcome11.jpg?resize=904%2C157" alt="NY Fight House" data-recalc-dims="1" /></h6>

And replace it with this. BE CAREFUL DON’T DELETE ANY OTHER CODE!!!

<style>
.homepage-fight-house-a { display:block; }
@media only screen and (min-width: 700px) { .homepage-fight-house-a { display:none; } }
.homepage-fight-house-b { display:none; }
@media only screen and (min-width: 700px) { .homepage-fight-house-b { display:block; } }
</style>

<div class="homepage-fight-house-a">
<h6 style="text-align: center;"><img class="aligncenter wp-image-146 size-full" src="https://i0.wp.com/nyfighthouse.com/wp-content/uploads/2014/10/Welcome11.jpg?resize=904%2C157" alt="NY Fight House" data-recalc-dims="1" /></h6>
</div>

<div class="homepage-fight-house-b">
<h6 style="text-align: center;"><img class="aligncenter wp-image-146 size-full" src="https://i0.wp.com/nyfighthouse.com/wp-content/uploads/2014/10/Welcome11.jpg?resize=904%2C157" alt="NY Fight House" data-recalc-dims="1" /></h6>
</div>

Now the next step is to make the same image with bigger text so to display in mobile and iphone nice the 2d image you will leave that you have now.

With this code under 700px you will see the 1st img and under 700 you will see the second image.

can you provide me the link of your site to see why this happens.

Ok i found it! But before doing everything is good to do back up in case you make something wrong.

Now log in and go Appearance / Editor and then found from rigth the file header.php after you click on it found this line.
.tptn_title {
text-align: center;
}

and replace it with

.tptn_title {
float:left;
margin-bottom:10px;
text-align: center;
}

You can add more space by changin margin-bottom:10px;

I hope will works else i must search more to find it.

Did you fix it or you want more help?

I don’t recommend you to make changes because if you make something wrong you will change the design of your site.

I see the code of your site and i must say is a little bit mess. I will search more tomorrow and i will tell you exactly what you must change.

Sorry for my English

check in css if the width of images is in %.

You mast use margin.

examble
margin-bottom:20px;

Did you try this

$args = array(
‘default-image’ => get_template_directory_uri() . ‘../custom-folder/images/header.jpg’,
add_theme_support( ‘custom-header’, $args );

in your theme style.css you can add for example
a { color: #cc0000; }
and when mouse is over the link add
a:hover { color: #fff; }

This will aply to all the links of your theme if you want only in some part in your theme you will see how the class or id is and you will make something like this.
.box a { color: #cc0000; }
.box a:hover { color: #fff; } if you want and hover