tablet and mobile logo too small after Helix3 update - Forum | JoomShaper
Solved Helix Framework

tablet and mobile logo too small after Helix3 update

Asked by stq74 4 years ago Last activity 4 years ago

Hello,
I just updated Helix 3 framework, the logo has become very small on the tablet and phone versions,
URL: https://foyerdanimation.com/
Thanks for your help

Accepted answer

Marked as the solution
Ariba Staff
4 years ago

Please check now. I have added the following css rules in custom css section

@media only screen and (max-width: 480px) {
    #sp-header {
        height: 56px;
    }
    .logo img {
        height: 56px;
    }
}

13 more replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query.

Please add the following css rule in custom css section

#sp-logo {
    flex: auto;
    margin-left: 15px;
}
stq74 Asked this
4 years ago

hello
thank you for your quick feedback, now it's ok, but on the scroll it goes beyond, I would like to reduce it a little bit, thank you
https://imgur.com/4exzsdC

stq74 Asked this
4 years ago

Hello, my client is getting impatient, do you have a solution to my problem? thank you

Ariba Staff
4 years ago

Hello

Could you please mention in which device or browser are you facing the problem? That would be helpful for me to know because I cannot see the issue from my end.

Bryan
4 years ago

Hi @stq74, I had the same problem with my template.
The solution was to downgrade to Helix

I have attached the plugin below.
I hope that works for you
plg_system_helix3_2.5.8.zip

stq74 Asked this
4 years ago

Hi Ariba,
on all browsers on my Android: Brave, Chrome, Firefox and Opera.
You have to be on a smartphone and not simulated on a desktop computer…
Thanks

stq74 Asked this
4 years ago

Hi Bryan,
thank you, but I would like this problem to be fixed, it is not normal that Joomshapper takes so long to respond and solve a problem.

Ariba Staff
4 years ago · edited

You have set the logo image height to 76px and the header height to 55px - hence the overflow.

Please change the following css rule in custom css - you have to make the header height 76px (same as the logo height). 

@media only screen and (max-width: 480px) {
    #sp-header {
        height: 55px;
    }
}
stq74 Asked this
4 years ago

Hi Ariba,
it does not work and I prefer to reduce the logo.
Thanks

stq74 Asked this
4 years ago

Hi
Would you have an answer?
Thanks

Log in to reply.