Differences Between Mobile Display in Relume and Actual Phone Screen – Causes and Solutions

Ella S. · 2026-07-08T00:56:06.778Z

Hey team, I am seeing a big difference between the mobile display in Relume and the mobile display on my phone. Any ideas on what could be happening here?

8 comments

· Sorted by Oldest

Matt J.
·
·
Ella S. yeah could be a lot of things - mind sending along a Webflow sandbox link?
Ella S.
·
·
Hey Matt J., I am new to Relume and to website design. Can you explain what you mean by Webflow sandbox link?
Matt J.
·
·
Ella S. no worries - have you exported your Relume screens into Webflow yet or no? I'm just trying to see the issues first hand, rather than screenshots. There's a lot I can look at with either a live URL or a Webflow sandbox, or knowing more about how you are previewing the screens on a mobile device. Once I have that information, I can be of better help. Here's a quick FAQ on how to share a Webflow sandbox link, in case you do have your Relume project exported to Webflow: relume.io/resources/faqs/how-to-share-your-figma-webflow-projects-for-effective-support And don't worry about being new - that is our most common user at Relume - I've helped thousands of new web designers level up using Relume, so I'm really excited to have you here Ella and look forward to helping you grow! Please feel free to ask any and all questions - and ask them sooner too - don't spin your wheels for too long, there's a high chance I've already seen the question a couple hundred times! 😄
Ella S.
·
·
Thanks for understanding, Matt J.! Here is the link to the site, and I'll work on the webflow sandbox link!
Ella S.
·
·
The setup for connecting Relume and Webflow was super confusing. It felt really opaque and complicated, but I think I was able to figure it out?
Matt J.
·
·
Ella S. yeah looks like you originally may have just used Claude Design to generate the site you currently have, or do I have that wrong?
Matt J.
·
(edited)·
there are a few thousand different ways (especially today) to build websites, and a few different ways to use Relume, so I'm just trying to get my bearings with what you are trying to do, where the final destination of your website is and how you went about building it. From my initial review of the components, it looks like they were the off-grid components, and they are not stacking like they should. But I also see some clamping values here in the source code - which our components don't use natively. So if you used Claude Design to generate this site, then its not really an issue specifically with our components since those components were generated and interpreted by Claude - you'll have to further prompt claude to make the website responsive. If you used the Relume Library MCP - the same could also be true but there could be something we could fix on our end about that - potentially providing some base instructions to the MCP to look more closely at responsiveness. If you were never intending on using Webflow at all, we can forget about that and move on from there. To fix those components, in some cases, its a simple "toggle" of a setting, but again not entirely sure how the website was built at the moment - I can see that its a React site.
Ella S.
·
·
Thank you so much! I used Relume to set it all up and then Claude Design to generate, yep! Technology. When it's great, it's great. And when it's weird, well, you know.

Differences Between Mobile Display in Relume and Actual Phone Screen – Causes and Solutions | Relume Community

Matt J.
·
·
Ella S. yeah could be a lot of things - mind sending along a Webflow sandbox link?
Ella S.
·
·
Hey Matt J., I am new to Relume and to website design. Can you explain what you mean by Webflow sandbox link?
Matt J.
·
·
Ella S. no worries - have you exported your Relume screens into Webflow yet or no? I'm just trying to see the issues first hand, rather than screenshots. There's a lot I can look at with either a live URL or a Webflow sandbox, or knowing more about how you are previewing the screens on a mobile device. Once I have that information, I can be of better help. Here's a quick FAQ on how to share a Webflow sandbox link, in case you do have your Relume project exported to Webflow: relume.io/resources/faqs/how-to-share-your-figma-webflow-projects-for-effective-support And don't worry about being new - that is our most common user at Relume - I've helped thousands of new web designers level up using Relume, so I'm really excited to have you here Ella and look forward to helping you grow! Please feel free to ask any and all questions - and ask them sooner too - don't spin your wheels for too long, there's a high chance I've already seen the question a couple hundred times! 😄
Ella S.
·
·
Thanks for understanding, Matt J.! Here is the link to the site, and I'll work on the webflow sandbox link!
Ella S.
·
·
The setup for connecting Relume and Webflow was super confusing. It felt really opaque and complicated, but I think I was able to figure it out?
Matt J.
·
·
Ella S. yeah looks like you originally may have just used Claude Design to generate the site you currently have, or do I have that wrong?
Matt J.
·
(edited)·
there are a few thousand different ways (especially today) to build websites, and a few different ways to use Relume, so I'm just trying to get my bearings with what you are trying to do, where the final destination of your website is and how you went about building it. From my initial review of the components, it looks like they were the off-grid components, and they are not stacking like they should. But I also see some clamping values here in the source code - which our components don't use natively. So if you used Claude Design to generate this site, then its not really an issue specifically with our components since those components were generated and interpreted by Claude - you'll have to further prompt claude to make the website responsive. If you used the Relume Library MCP - the same could also be true but there could be something we could fix on our end about that - potentially providing some base instructions to the MCP to look more closely at responsiveness. If you were never intending on using Webflow at all, we can forget about that and move on from there. To fix those components, in some cases, its a simple "toggle" of a setting, but again not entirely sure how the website was built at the moment - I can see that its a React site.
Ella S.
·
·
Thank you so much! I used Relume to set it all up and then Claude Design to generate, yep! Technology. When it's great, it's great. And when it's weird, well, you know.