Reply To: Header on mobile

New Front EN Support Forums Kanso Theme Support Header on mobile Reply To: Header on mobile

#3573
satori
Keymaster

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