I've created a custom device for a browser. How do I set my screen origin relative to the device image so that my prototype sits in the browser window below the toolbar?
Currently, my screen is being centered vertically with the device image, so it's partially overlapping with the toolbar. I tried setting Framer.Device.screen.y but it's not working. Thanks!
burn the toolbar.
I have a snippet there that should fit it in there.
I tried the one that scales the device into the available view. But I'm looking for a way to move my layers within the device frame so that the page content doesn't hide the browser toolbar.
In the screenshot below, the device image is 768*3 + 165 pixels tall whereas the blue image is only 768*3 pixels tall. I want the blue image to begin after the 165 pixels tall toolbar instead of being vertically centered and hiding part of the toolbar.