Docs

[fdcchief]

Hi,

I have a couple of questions.

1 – I’d like to display the site title with tagline directly underneath it. I’m currently only displaying the Site Title. I also want to have the tagline use separate css font settings.

2 – How can I move the social media links into the same area as menu bar. Basically drop them straight down from where they are to being inline with the menu bar?

[fdcchief]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! #1 On your child theme navigate to this directory \x-child\framework\views\global create a file named _brand.php in there and paste the code below on it.

<?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 ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>

<div class="site-tagline"><?php echo $site_description; ?></div>

Then style that tagline with this custom CSS.

.site-tagline {
	color: red;
	font-family: cursive;
	font-size: 18px;
	font-style: italic;
}

#2 Remove the social icon on your Topbar or completely disable the topbar if you don’t have any content on it. And then follow this post: https://community.theme.co/forums/topic/add-border-around-navbar-links/?replyto=1111669#post-1113297 on how to add an social icon links on the menu.

Hope it helps, Cheers!

[Author]

Posts