Solved Helix Framework

header hight issue on HU 2.0

Asked by Andrea 4 years ago Last activity 4 years ago

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

Accepted answer

Marked as the solution

Pavel

4 years ago · edited

After 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.

9 more replies

Ugur Uygur

4 years ago

Hi,

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 Staff

4 years ago

Hi Andrea

You can follow Ugur intrsuctions.

Thanks Ugur for your suggestions

-Regards

Andrea Asked this

4 years ago

Hi 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

Mehtaz Afsana Borsha Staff

4 years ago

Give me your site URL please I need to check

Andrea Asked this

4 years ago

By 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!

Andrea Asked this

4 years ago

Here you are, Mehtaz

Pavel

4 years ago

Is 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 Asked this

4 years ago

Hi 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

Ugur Uygur

4 years ago

By 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!

Thanks Andrea ;)

In the docs