How could I make my UI fit every screen size
Hi, I'm trying to make a quiz lens. Everything is done and im now polishing the UI.
I have placed the UI and tweeked with screen transform. It workes fine on most sccreens except a few smaller sizes. On these screens the UI gets placed way to low. When i place it higher here it is way to high on the other sizes. How could i optimize my layout/UI to fit excactely as I wish to all screen sizes?
Hope my question made sense and thanks for taking your time to read this!
Hello Kimo,
Whenever I do my UI Lenses I pin the screen transfer to all the edges, then it works fine with every device to stay in the same place, if that's what you wanted.
Let me know if it works.
-Wesamkk5
Thanks for the answer!
I did that, but it's not that easy in this case it seems.
Iv'e done it here for the iphone 5, and it looks nice:
But on galaxy s 9 it becomes way to high:
. It's important that it is above the call to action. But still in the lower section of the screen. If that made sense?
Make sure you have your Screen Region set to "Safe Render" and then the pin to edge stuff will work as desired.
Thank you! This worked in combination with fixed width/height and pin the elements to the bottom :D
I’m so happy we were able to help you!
don’t forget to send us the link of the lens when you finish😍
-Wesamkk5