Docs

[ngrhd]

Hello there!

Is it possible to display title as well as Logo on the simultaneously on the website?

Also I wish to change the alignment of Navbar ‘Bottom’ Logo Alignment (px). Where can I find that in Customizer?

Thanks!

[Thai]

Hi There,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
Then navigate to your child theme’s /framework/views/global directory create a file named _brand.php and paste the code below:

<?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 . '">';

?>

<?php echo ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>

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

Also I wish to change the alignment of Navbar ‘Bottom’ Logo Alignment (px). Where can I find that in Customizer?

Please navigate to Customizer > Header > LOGO AND NAVIGATION > Logobar Bottom Spacing (px).

Hope it helps 🙂

[ngrhd]

Ok, so I added the above code in child, but something’s broken: http://sddgm.org

[Darshana]

Hi there,

In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[ngrhd]

This reply has been marked as private.

[Lely]

Hi There,

Upon checking, you missed the first line of code that contains php code opening tag: <?php
I’ve added it and it is now working.
You might see that the image and title display is not good. You may add the following CSS code:

 .x-brand img {
    display: block; 
    margin: 0 auto;
}

Hope this helps.

[ngrhd]

Thanks for the CSS!

However I’m still unable to increase the space between Header and breadcrumb. Tried Customizer > Header > LOGO AND NAVIGATION > Logobar Bottom Spacing (px) but no change seems to appear. What could be wrong?

Thanks!

[Rue Nel]

Hello There,

As you increase the Logo bar bottoms spacing, you also need to increase the navbar top height in Appearance > Customize > Header > Navbar and increase the “Navbar Top Height”.

Please let us know how it goes.

[Author]

Posts