This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Samarth Bahuguna
Posted Jul 22 - Read on Facebook

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!

4 Comments

Rhythm Agarwal

burn the toolbar.

Jordan Robert Dobson
Jordan Robert Dobson

I have a snippet there that should fit it in there.

Samarth Bahuguna

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.

Read the entire post on Facebook