Hello Dominik,

No, it shouldn't be big. Look at the screenshot here. Completely working fine from our end.

Please clear the browser and Joomla cache and try again. If the issue still persists, feel free to give us a buzz again.

Thanks!

Hello,

Could you share your URL?

Thanks

No, still the same after clearing cache...

marina-photography.ch (1. Screenshot) hailtec.ch (2. Screenshot)

Domi

Try add to your custom.css

.logo-image-phone {
    height: 55px!important;
}

Thanks

That works. Thank you. But do I have to do this for every page now? That's over 60 pages...

Hello Dominik,

I hope you are doing well.

Please use the code inside custom CSS section.

.logo-image-phone {
    height: 55px!important;
}

It will solve the issue hopefully.

Path towards custom CSS - template options > custom code > custom CSS

Thanks!

Hi Muntasir

Thank you for your answer. But Joomla! Man gave me the same answer. And my question about your answer is:

Do I have to do this for every page now? That's over 60 pages...

Domi

Hello there,

Whenever you put those CSS inside the custom CSS section, it should work on every pages. So try from your end and let us know.

Thanks!

That is clear. But I mean there are over 60 projects...

Hello there,

Please update to the latest Helix Ultimate version which was released yesterday. Hopefully it will solve the issue automatically. If not, I am afraid to say but yes, you need to add on every projects you have where you are using Helix Ultimate 2.x.x.

Thanks!

The update don't fix that problem. But if anyone have the problem also and is using SVG Images as Logo - here is a solution to have control over the header height and the logo height:

Don't insert a logo and header height on the basic settings. Instead insert this part of media querries to your custom css file and define it like you need it. You are also able to add more breakpoints if needed.

@media (max-width: 9999px) { 
  #sp-header {height:100px;}
  .logo-image {height:80px;}
}

@media (max-width: 991px) { 
  #sp-header {height:100px;}
  .logo-image {height:80px;}
}
@media (max-width: 575px) { 
  #sp-header {height:60px;} 
  .logo-image {height:50px;}
}

UPDATE: sorry found the viewport options just in time - it is also possible to change this on the template settings....