Adding Logo removes Site title & Tagline

Is there a way to control this behavior? I would like to have the logo and Site name/tag line shown.

Thank you!

After doing some digging - I see the code in header.php, though I’m unsure as to how to get it to do what I want. Basically I would like it to display the Logo - then the site name. If I take out the if statements I can get both, but the logo is on top of the heading - I would like them to be next to eachother on the same horizontal line.

Please help =)

Hi john,

By default the themes allow you to either choose a logo for the site or show the title name and description as a fallback plan.

So you trying to have both needs customization and you can do it by making a Child theme of your present Heiro theme and then customize the header.php inside it.

By using child theme you keep your changes preserved even after updating the theme.

Now what you need to do here is add the below code inside the if clause so that the code

<?php if ( get_theme_mod('site_logo') ) : ?>
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
				<?php else : ?>			

looks like this

<?php if ( get_theme_mod('site_logo') ) : ?>
					<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php bloginfo('name'); ?>" /></a>
					<div class="site-details">
						<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
						<<?php echo $heading_tag; ?> class="site-title">
							<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
								<?php bloginfo( 'name' ); ?>
							</a>
						</<?php echo $heading_tag; ?>>
						<div class="site-description"><?php bloginfo( 'description' ); ?></div>
					</div><!-- .site-details -->
				<?php else : ?>			

after that add the below in the child theme’s style.css file

.site-branding {
    display: inline-flex;
}
.site-details {
    padding-left: 20px;
}

After that you may need to make some css change as per the logo or website, but mostly you would be done.

Hope it helps :slight_smile:

You are amazing! That worked perfectly! Thank you!!!

Glad it worked. Happy to help :slight_smile:

One last question - this may be a bug - but the font on the title seems to be bolded on the front page, but not on any other pages. Trying to find in CSS where this is but not having any luck. Any ideas?

Also, do you offer a premium Hiero theme? Would like to throw some money your way =)

Hi John,

This is not really a bug. It is coded this way. In the home/front page it adds a h1 tag and hence the fonts look bold and in other pages it adds a div and hence does look bold.

If you like the bold thing add the below in your child theme’s style.css and it would be bold throughout

.site-title {
    font-weight: bold;
}

but if you like the unbold thing which appears in the rest of the page then add the below

.site-title {
    font-weight: normal;
}

and the front/home page site title will get normal.

And to answer about any premium theme, Charlie will be the best person to answer it :slight_smile:

Thanks

Hi Johnny,

Thanks very much for the gesture, but we don’t actually offer a premium version of Hiero. I would really appreciate it though if you would leave a review!

Fantastic! Thank you!

Hi,

I’m trying to do exactly this (i.e., display logo and site title/tag side by side) in the Moesia theme. I’ve unsuccessfully tinkered with header.php, but nothing yet. Any help to accomplish this will be greatly appreciated.

Thanks.

Hi newlionleaf,

can you please add the request on the concerned theme’s forum. I am sure somebody will hep you out there and also, what you can do is add link to this thread for refernce.

Thanks

Thanks for your reply.

Already added.

Here’s the link: https://athemes.com/forums/topic/adding-logo-removes-site-title-tagline-2/

Great!! Thanks

Hi Marty,

I implemented your suggestion in this post, but now the font size is not consistant from page to page. I get one font size on the home page and blog page, and a smaller font size on the remaining pages.

Here is my web site: http://www.handymanhubby.org/wp-admin/customize.php?url=http%3A%2F%2Fwww.handymanhubby.org%2F

If you have any suggestions on how to make all the pages appear the same, I would greatly appreciate it.

Thanks!

Rod Niemier

Hi Rod,

Please open a new topic, so we can help you there.

Kind Regards,
Csaba