mobile logo streched

[leggero]

Hi

I have a problem with tho logo on the mobile version. It streches (s. screenshot) only at the beginning. In the sticky header the proportion are correct.

I found some code, but it didn’t work:

@media only screen and (max-width: 479px) {

#logo img, #logo img.retina {
max-width: 250px;
}

#logo img {
min-height: 0 !important;
margin-top: 8px;
}

.boxed-layout #header-section.header-6 .is-sticky #header.sticky-header {width: auto; }

}

Any ideas?

Thanks and best regards

Caspar

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Try adding this to your custom css:

#logo img, #logo img.retina {
  max-width: 280px;
}

– Kyle

[leggero]

Worked! but for iphone 4&5 the logo is too large, is it possible to make it smaller?

Thanks and best regards

Caspar

[Kyle – SUPPORT]

Reduce the max width

– Kyle

[leggero]

tried, but than it streches again…

[Kyle – SUPPORT]

Try this:

@media only screen and (max-width: 479px) { 
#logo img, #logo img.retina {
  max-width: 230px;
  height: auto;
  min-height: 0;
}
}

– Kyle

[leggero]

Perfect! Thanks a lot!

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[nickbsims]

I’m having the same problems with my mobile logo. It’s stretched but the above CSS doesn’t fix it for me.

http://firstbcc.nsims.com

[Kyle – SUPPORT]

Hi

Doesn’t look stretched for me? http://d.pr/i/1eNe7/4p9DWv9l

– Kyle

[nickbsims]

It’s stretched on mobile version not desktop. Please review and assist.

Thanks

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

It seems fine for me in Android.

https://www.dropbox.com/s/919w6ciejj2lzn6/Screenshot_2015-10-26-12-59-21.png?dl=0

What device are you using? Try to clear the mobile cache.

-Rui

[Mohammad – SUPPORT]

Hi,
Its also looking perfect for me at mobile. Please clear the cache of browser and check.
Thanks
Mohammad