Increase Logo size / Add title & Tagline

  • Resolved reb_wilson

    (@reb_wilson)


    7 years, 11 months ago

    Hi, my question is twofold:

    – I have checked the ‘show title and tagline’ box and interted text but nothing is showing up. Any ideas why?
    – And if I can’t have a visible title and tagline, can I increase the size of the logo instead? It’s currently set at 150 x 150, i’d like to make it wider.

    Thanks!
    Becca

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter reb_wilson

    (@reb_wilson)

    Sorry, I forgot the link:

    https://www.rebeccawilsonceramics.com

    Add the following CSS to customizer-> Additional CSS

    .top-header .header-logo img {
    max-height: 94px;
    width: auto;
    max-width: 300px;
}

    Let us know if you need help with anything else!

    • This reply was modified 7 years, 11 months ago by Poonam Namdev.
    Thread Starter reb_wilson

    (@reb_wilson)

    Thanks Poonam, that fixes it in the mobile view but not desktop. Any other ideas?

    Does anyone have any ideas how I can get the site title and tagline to appear?

    If you want to display site title and tagline you have to edit your theme’s header.php file but we don’t recommended to edit main theme file. So The best way to make changes like this to a theme is to use a child theme, so your tweaks won’t be overwritten when updating the theme.
    In header.php file find the below code

    <?php if ( get_theme_mod( 'custom_logo' ) ) : ?>
<div class="site-logo">
<div class="header-logo ">
<?php the_custom_logo(); ?>
</div>
</div>
<?php endif; ?>

    and replace with this one

    <div class="site-logo">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<p class="site-description"><?php bloginfo( 'description' ); ?></p>
</div>

    Also add the following CSS

    h1.site-title {
    margin: 0px;
}

    Hope it will solve your problem.
    Let us know if you need help with anything else!

    • This reply was modified 7 years, 11 months ago by Poonam Namdev.
    • This reply was modified 7 years, 11 months ago by Poonam Namdev.
    Thread Starter reb_wilson

    (@reb_wilson)

    You’re a star Poonam! I’ve actually managed to get your first suggestion to work, but now the menu has jumped over to the left hand side and is hidden under the logo. How do I get it back?

    Sorry, I’m new to this and bumbling about a bit!

    Add the following CSS to dispaly menu

    @media screen and (min-width: 768px){
nav#site-navigation {
    float: left;
    padding: 20px;
}
}

    Let us know if you need help with anything else!

    Hi @reb_wilson and @poonam9,
    Thank you for your advice. Let us know if you have any additional questions.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Increase Logo size / Add title & Tagline’ is closed to new replies.