New Front EN › Support Forums › Kanso Theme Support › Header on mobile › Reply To: Header on mobile
![mm](https://satoristudio.net/wp-content/themes/satoristudio/includes/images/avatar-satori.png)
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