Fixed Mobile logo hard set to 100 x 37?

NealC

Well-known member
I specified the height/width such as 148 x 148 for my site yet when I go to the iPhone to view the site the logo is distorted. It appears it's being rendered to 100 x 37 and not scaling from my set dimensions. Not sure if this is a bug. I have since removed the width setting and only set the height value for now.
 
We allocate a 100x37 space for the small logo so that's why it's applying that size. I think we need to explicitly set width: auto on the small logo image to account for a case where the dimensions are specified, though I'm not sure if this will have a separate side effect with some logo sizes, so more testing will be needed.

But moving to bugs for tracking.
 
Ozz47 helped me solve my logo issue on mobile. I adjusted the width to 75%

// ########################### FULL SIZE LOGO ON MOBILE ########################
.p-nav-smallLogo {
display: none !important;
}
.p-header-logo {
max-width: none !important;
}
.has-js .p-header {
display: block;
}
 
Thank you for reporting this issue, it has now been resolved. We are aiming to include any changes that have been made in a future XF release (2.2.1).

Change log:
Apply width: auto to the small logo to ensure it maintains the correct aspect ratio when resized
There may be a delay before changes are rolled out to the XenForo Community.
 
Top Bottom