Hi David
Using the code:
@media (max-width: 492px) {
.site-header .header-image {
width: 80px;
}
.site-branding-container .site-logo {
min-width: 80px !important;
}
}
On a large width (960px), if I measure the pixels from the top of the R in the Site Title, to the bottom of the p in the Tagline I get 76px
For medium width, iPad (768px) I get 64px
For small width, iPhone 6 (375px) which has the Tagline running into 2 lines, I get 88px
In all cases the square logo image does not appear to be the same height as the Site Title + Tagline.
Is there perhaps an alternative method for getting this height ?
Or perhaps if the logo was just the same height as the Site Title that would make it easier, inline perhaps.