Logo Stretched On Mobile - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Logo Stretched On Mobile

PK

Peter Klinke

Helix Framework 2 days ago

Hello,

last days I see that my logo is streched on mobile devices, but not on all pages. On desktop it looks fine. How to correct this again?

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 day ago #207933

For tablet you have to change value from 680px to 990px (probably) - remeber to refresh browser cache 2x.

Besides, change logo image used on Mobile view, as you know, iPhone/IPad needs better quality of images, so maybe use the same image as you used for Desktop.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 days ago #207914

Hi

Thanks for contacting us and sorry for your issue. You can use this CSS in your custom.css file

@media (max-width: 576px) {
    .logo-image-phone {
        height: 46px !important;
    }
}

-Regards.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 day ago #207927

OR try that alternative // ODER probieren Sie diese Alternative aus

@media screen and (max-width: 680px) {
#sp-logo {padding-right: 0;}
 .logo-image-phone {height: auto;max-height: 55px;}
}

I saw that you're using CSS optimization, so clear/reload JCH cache after using above CSS (one of them)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 day ago #207928

BTW

Correct that, Language switcher (from gptranslate module) shouldn't cover the [=] menu icon in mobile view.

info_3397_2025.jpg

0
PK
Peter Klinke
Accepted Answer
1 day ago #207932

done, thank you!

0
PK
Peter Klinke
Accepted Answer
1 day ago #207931

well, thank you very much, Paul. I'll try. But I am wondering why I have to do this and not the template.

the logo is still shown in correct size on startpage, but not on most subpages, tested on tablet first.

I have added your code.

Regards Peter

0