Awaiting an answer Helix Framework

Logo Mobile Menu

Asked by Dominik 5 years ago Last activity 5 years ago

Hi there

All logos in the mobile version are too big after the update to HU2. Are they no longer automatically minimized to the correct size as before?

https://prnt.sc/1qhkk6h

https://prnt.sc/1qhkoqs

Domi

11 replies

Muntasir Sakib Staff

5 years ago

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!

Joomla! Man

5 years ago

Hello,

Could you share your URL?

Thanks

Dominik Asked this

5 years ago

No, still the same after clearing cache...

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

Domi

Joomla! Man

5 years ago · edited

Try add to your custom.css

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

Thanks

Dominik Asked this

5 years ago

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

Muntasir Sakib Staff

5 years ago

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!

Dominik Asked this

5 years ago

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

Muntasir Sakib Staff

5 years ago

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!

Dominik Asked this

5 years ago

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

Muntasir Sakib Staff

5 years ago

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!

Ralf N.

5 years ago · edited

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