Archived topic
How can I change the logo size on the Aspire theme header?
7 replies · Started by Edgar on July 9, 2020
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!
Hi there,
The site you've linked is using a site title and not using a logo.
Can you confirm?
Sorry Leo, I was not expecting such a quick response. I updated the site to reflect the logo!
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 :)
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?
Are you ok with the way it looks on desktop?
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!
Glad to hear :)
