Hey Thoughton,
First of all, I must apologize for the delay in my reply!
The issue you’ve brought up is indeed something that needs to be corrected. There are two ways to go about that:
– a purely CSS solution: please insert this piece of additional CSS into the “Style: Add Custom CSS” tab of the Theme Options panel:
@media only screen and (max-width: 1030px) {
body #main-header .smallheader, #header .small-logo { max-height: none !important; }
}
this will counter the effect of the class added to the header elements in order to shrink it on smaller screens.
– alternatively, you can implement a slightly cleaner jQuery solution (it has just several lines of additional code to the existing one, thus should not add any significant additional page load strain): please download this archive, unzip it, and upload the resulting files into the theme folder (/wp-content/themes/Kanso/) via ftp, replacing the existing files when prompted.
Please let me know if the code helps improve the header behaviour!
Sincerely,
Andrii / Satori Studio