[Resolved] How can I change the logo size on the Aspire theme header?

[Edgar]

I am having some trouble figuring out how to make the logo appear larger. I was wondering what I could do to have it show a bit larger? I’ve tried using this CSS:

.navigation-branding img, .site-logo.mobile-header-logo img {
padding: 0;
}

The logo does increase in size, but now by much. Any help with this will be much appreciated!

[Leo]

Hi there,

The site you’ve linked is using a site title and not using a logo.

Can you confirm?

[Edgar]

Sorry Leo, I was not expecting such a quick response. I updated the site to reflect the logo!

[Leo]

The site is using this option:
https://docs.generatepress.com/article/navigation-as-a-header/

Which means that the logo size is controlled by the menu item height:
https://docs.generatepress.com/article/menu-item-height-width/

Let me know if this helps 🙂

[Edgar]

I changed the height to 150. It looks better, but the menu items have moved down quite a bit and it looks a little too spaced out on mobile. Is there any way I can change it without affecting the menu items?

[Leo]

Are you ok with the way it looks on desktop?

[Edgar]

So I just made some changes to the logo I used. I like the way it looks now. Thank you so much for your help! I am glad I spent my money with GP, well worth the investment!

[Leo]

Glad to hear 🙂

[Author]

Posts