Mobile logo distorted on Trendy Login page

AI-generated summary

The discussion revolves around a mobile logo distortion issue on the Trendy Login page. PaulinaMX reported that the forum logo appears distorted and the background image is not visible on mobile devices. tobiaseigen confirmed the issue, noting differences between mobile and desktop views, specifically the oversized logo and altered background. PaulinaMX suggested the problem might stem from CSS being focused only on desktop versions. meghna addressed the issue by adding mobile styling in a GitHub commit, acknowledging PaulinaMX for bringing it to attention.

Hello, it seems to me an excellent component, I am using it but on mobile the forum logo is distorted and the background image is not visible, is there a possibility to improve it for mobile? :heart:

Can you share a screenshot of it not working, or URL that I can look at to replicate what you are seeing? Maybe by PM if it’s a private site?

3 Likes

Thanks for sharing the URL.. I can confirm that on your site it looks very different on mobile and web, and on mobile there are some problems with the logo (it’s too big) and the background is different.

3 Likes

Thank you very much.

@tobiaseigen I’m not an expert on the subject, but I was seeing that the CSS is only focused on the desktop version, maybe that’s the problem.

3 Likes

Could someone help me fix the mobile version, please?

2 Likes

Added mobile styling in:

https://github.com/discourse/discourse-trendy-login/commit/b87ac567aea224f88104e25345d4293a04d100a7

Thanks for bringing this to my notice @PaulinaMX :+1:

4 Likes