OK I’ve sorted it, though probably not in the most elegant way.
After some further investigation I found the logo size (athena-log) was being set by the .css in /inc/css. In that file the specific code is:
#athena-logo{
line-height: 85px;
}
#athena-logo img{
max-height: 75px;
padding: 10px 0;
}
I moved this into the @media( min-width: 992px ) area of the same file, so now I have:
@media( min-width: 992px ) {
#athena-logo{
line-height: 85px;
}
#athena-logo img{
max-height: 75px;
padding: 10px 0;
}
}
In my child theme css I have:
@media ( max-width: 991px ) {
#athena-logo img {
max-height: 50px;
padding: 10px 0;
}
#athena-logo {
line-height: 50px;
}
}
So apart from editing the parent them css, I think it’s all good.
