Logo size header (mobile)

[solesupply.no]

Hi,

Is there a setting where i can edit the size on the mobile logo? The logo on mobile is way to big… resulting in a very high header

Thanks!

/Joachim

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 767px) {
#header-section #header {
    padding: 0px !important;
}
#logo img, #logo img.retina {
    width: 70px;
}
}

Thanks
Mohammad

[solesupply.no]

Hi,

The size looks good, but why is the backgroud on the logo white? I have uploaded a transparent logo.

/Joachim

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Its fine to me. Just check after clear the cache of browser.
Thanks
Mohammad

[solesupply.no]

did not help. The logo loogs strech in landscape mode as well…

/JOachim

[Mohammad – SUPPORT]

Hi,
Please remove my last code and use this new code:-

@media screen and (max-width: 767px) {
#header-section #header {
    padding: 0px !important;
}
#logo img, #logo img.retina {
    width: auto;
}
}
@media screen and (max-width: 479px) {
#header-section #header {
    padding: 0px !important;
}
#logo img, #logo img.retina {
    width: 70px;
}
}

Thanks
Mohammad

[solesupply.no]

Getting there! 🙂

The logo have white background in “normal” mode, and looks good in landscape mode.

See images

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Is this for a specific page URL, cannot seem to replicate this.

Thanks.

[solesupply.no]

Hi,

All pages in portrait mode. Looking good in landscape mode. I do use iOS 10 beta 3 on my iPhone.

What are you using and it the image transparent in portrait mode for you?

/Joachim

[David Martin – Support]

I cannot replicate on the homepage, using iPhone6. Is there another page you are seeing this?