Increase logo size Astrid

Greetings-

How do I increase the logo size on the header navigation bar. I want the height to be larger.

Thank you

Hello there,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    function astrid_child_site_logo_size_setup() {

      add_theme_support( 'custom-logo', array(
        'height'      => 9999,
        'width'       => 200,
        'flex-height' => true,
      ));

    }
    add_action( 'after_setup_theme', 'astrid_child_site_logo_size_setup' );

To set your own custom height, adjust the value on 'height' => 9999, line.

  1. Update

Regards,
Kharis
aThemes Support

Thank you. Is there a css code or do I have to create a child theme for it to work?

All the best

Sorry, I wrote you incorrect steps. You could apply this code:

    function astrid_child_site_logo_size_setup() {

      add_theme_support( 'custom-logo', array(
        'height'      => 9999,
        'width'       => 200,
        'flex-height' => true,
      ));

    }
    add_action( 'after_setup_theme', 'astrid_child_site_logo_size_setup' );

with Code Snippets plugin without running any child theme.

Regards,
Kharis
aThemes Support

Thank you for your help! I copied the code into the Code Snippets plugin and there was no change. Not sure what I am missing

Kevin

Hello Kevin,

Have you tried reuploading your logo image? Please ensure the snippet runs on front-end.

Regards,
Kharis
aThemes Support

I have uploaded the logo and made sure snippet runs on front-end. I have scoured the support topics and tried everything, but have not been able to achieve a larger logo!

Thank you

Kevin

Hello Kevin,

Your logo is small by default. It is only 200px x 19px. I think you should redesign it to become larger and upload it. Then add this CSS code:

    .custom-logo-link img {
      max-height: 120px;
    }

Regards,
Kharis
aThemes Support

Thank you for your response. I have reseized my logo as per your suggestion, but it appears to automatically restrict the size to the dimensions you stated. I uploaded a logo size of 666 x 71 and it automatically gets shrunk down to 200px x 190x.

Kind regards,

Kevin

Hello there,

I checked the logo on your site and it seems like you implemented different approach that looks better. Please let me know if you still need an assitance.

Regards,
Kharis
aThemes Support