- This topic has 7 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hello,
I am trying to make my logo bigger on mobile screens. I guess that the developer that i’ve worked with has set some max width or height. But I don’t know what to edit in the CSS in order to increase the size of the logo. Would you please help. Please check my site.
Thank you in advance!Customer Support
Hi there,
in your Child Theme > styles.css there is this CSS rule:
@media (max-width: 768px) { .navigation-branding img, .site-logo.mobile-header-logo img { height: 44px !important; } }Change the height value of that.
Thanks David.
I did what you said and the problem was solved. You’re awesome. Thank you!
What is the method to increase the height on desktop screens?
RegardsOn desktop, adjust the Width in the Customizer > Site Identity.
I don’t have that setting in the Customizer>Site identity. Is there other option? Thanks
Customer Support
The option is not there as you are using the Navigation as Header option:
https://docs.generatepress.com/article/navigation-as-a-header/So the logo size is controlled by the menu item height:
https://docs.generatepress.com/article/navigation-as-a-header/#basicYou can also give this CSS a shot to reduce the default
10pxtop and bottom padding added to the logo image to5px:.navigation-branding img { padding: 5px 0; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps 🙂
Found it and ajust it.
Thank you very much!No problem 🙂
- You must be logged in to reply to this topic.
