Docs

[hauphoff]

I created a child theme and added the tagline to the brand file for this site: heidiuphoff.wpengine.com

<?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 '<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>
<p class="tagline"><?php bloginfo('description'); ?></p>

How would I modify this to have the tagline below the site name? So that it looks like this: heidiuphoff.com

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

p.tagline {
float: left;
clear: both;
}

Hope it helps, Cheers!

[hauphoff]

Thank you for the quick response!

The tagline is exactly where I want it now.

However the menu in the header now lines up below the tagline instead of below the top of the page. Is there any easy css fix for that?

[Nico]

Hi There,

Try adding this in your custom > CSS:

.masthead-inline .desktop .x-nav{
    margin-top: -50px;
}

@media (max-width: 979px)
.masthead-inline .x-btn-navbar {
    margin-top: -30px;
}

Hope it helps. Let us know how it goes.

Thanks.

[Author]

Posts