I looked at this solution, I don’t know how correct it is…
`@media only screen and (max-width: 400px)
{.site-header {height:90px !important; }
}
@media (min-width: 401px) and (max-width: 600px)
{.site-header { height: 135px !important; }
}
@media (min-width: 601px) and (max-width: 800px)
{.site-header { height: 180px !important; }
}
@media (min-width: 801px) and (max-width: 1000px)
{.site-header { height: 225px !important; }
}
@media (min-width: 1001px) and (max-width: 1200px)
{.site-header { height: 270px !important; }
}
@media (min-width: 1201px) and (max-width: 1400px)
{.site-header { height: 315px !important; }
}
@media (min-width: 1401px) and (max-width: 1600px)
{.site-header { height: 360px !important; }
}
@media (min-width: 1601px) and (max-width: 1800px)
{.site-header { height: 405px !important; }
}
add this code to additional theme styles.
