Hi there,
You can control the size of the logo by adjusting the menu height on Appearance > Customize > Layout > Primary Navigation. But this mainly adjusts the menu-item’s menu height.
To specifically adjust the logo size, try this CSS:
.navigation-branding img, .site-logo.mobile-header-logo img {
height: 80px;
width: auto;
}
This adjusts for both mobile and the desktop logo.
If you want to have a different size for mobile viewport, you can use @media rule.
Example: (for mobile)
@media(max-width:768px){
.site-logo.mobile-header-logo img {
height: 90px;
width: auto;
}
}
.navigation-branding img {
height: 80px;
width: auto;
}