Header Hight Issue On HU 2.0
Andrea
Hi,
after updating from HU to HU 2.0 on a staging site (Joomla 3.10), I cannot edit the preset header hight from 80px to 110px. It worked before but not now. On other sites after the upgrade to HU 2.0 works properly.
If I add #sp-header { height: 110px;} in custom CSS the logo and the menu move up as you can see here and it's not ok, expecially on tablet and mobile.
Any suggestion?
Thank you Andrea
Pavel
Accepted AnswerAfter I turned on compilation SCSS to CSS and then turned off again... it worked!
Hi Andrea.
Do not forget to cleanse the cache in Joomla, and not only in the browser.
To understand: template settings control variables in SCSS. When saving the settings compiling SCSS to CSS occurs. If Compilation SCSS to CSS is OFF many of the template settings will not work.
If you want to use template settings, then for the development period, this option must be enabled. After the end of the development, it can be turned off to improve the performance of the site.
Ugur Uygur
Accepted AnswerHi,
You can make the logo smaller for mobile devices
@media (max-width: 576px) {
.logo-image {
height: 36px; /*From here */
}
}@media (max-width: 992px) {
.logo-image {
height: 36px; /*From here */
}
}
Mehtaz Afsana Borsha
Accepted AnswerHi Andrea
You can follow Ugur intrsuctions.
Thanks Ugur for your suggestions
-Regards
Andrea
Accepted AnswerHi Ugur, thanks for your help: this was plan B :)
Hi Mehtaz, I sure can follow Ugur suggestion, but the feature to change the header hight in HU 2.0 is supposed to work: it's not custom code not working, it's a field in the template options panel. Is it a bug or something? I'd like to now how to fix it anyway
Thank you
Andrea
Accepted AnswerBy the way Ugur, the logo height option for tablet and mobile works properly in HU 2.0 panel. No custom code is needed to make the logo smaller!
Pavel
Accepted AnswerIs it a bug or something? I'd like to now how to fix it anyway
Hi. If we are talking about the basic Helix Ultimate - there is no bug. Everything works fine.
Possible causes of your problem:
- Disabled compilation SCSS to CSS
- Cache
- Old custom code about which you forgot.
Andrea
Accepted AnswerHi Pavel! SCSS to CSS disabled, (browser) cache cleaned many times, no custom css anywhere. After I turned on compilation SCSS to CSS and then turned off again... it worked! Can't explain but I'm fine now. Don't know what to say!
Thanks anyone