Fixed Mobile logo hard set to 100 x 37?

NealC

Active 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.
 

Mike

XenForo developer
Staff member
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.
 

Seeker-Smith

Active member
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;
}
 

XF Bug Bot

XenForo bug fixer bot
Staff member
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