Logo stretched on mobile - Forum | JoomShaper
Solved Helix Framework

Logo stretched on mobile

Asked by Peter Klinke 11 months ago Last activity 11 months 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?

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
11 months ago · edited

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.

5 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
11 months ago

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.

Paul Frankowski Senior Staff
11 months ago

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)

Paul Frankowski Senior Staff
11 months ago · edited

BTW

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

info_3397_2025.jpg

Peter Klinke Asked this
11 months ago

done, thank you!

Peter Klinke Asked this
11 months ago · edited

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

Mehtaz Afsana Borsha Staff
11 months ago

Glad to know that its solved and thanks Paul for helping him.

Log in to reply.