Why is my logo and page title overlapping?

[Azimuth_King07]

Please see below link, upper left hand corner. When I remove the title, it moves everything up which I don’t want, why is this like this?

https://cconations.com/boost-your-business-sales/

[ruenel]

Hello There,

Thanks for writing in! This issue should not have happened. It seems that some styles were not being applied to the site. To resolve the issue, we’ll have to totally removed the title. To do that, since you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/GLOBAL/_BRAND.PHP
// -----------------------------------------------------------------------------
// Outputs the brand.
// =============================================================================

$site_name        = get_bloginfo( 'name' );
$site_description = get_bloginfo( 'description' );
$logo             = x_make_protocol_relative( x_get_option( 'x_logo' ) );
$site_logo        = '<img src="' . $logo . '" alt="' . $site_description . '">';

?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>

3] Save the file named as _brand.php

4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/legacy/cranium/headers/views/global/ (or wp-content/themes/pro-child/framework/legacy/cranium/headers/views/global/ if you are using Pro theme).

You will have to create the folder path first because it does not exist in your child theme yet.

Hope this helps. Please let us know how it goes.

[Azimuth_King07]

Hi, thank you for your reply I really appreciate your help.

Unfortunately this did not fix it, could you look into why? If you need anything I need to do such as FTP access or anything like that.

[thai]

Hi There,

Please find this custom CSS:

.masthead {
    position: absolute;
    width: 100%;
}

And change to this:

.home .masthead {
    position: absolute;
    width: 100%;
}

Let us know how it goes!