Viewport

The Viewport is the current visible area from the site, depending on your browser window size.

While most of your page layout will be relative to the page (the top left of the current page or breakpoint), sometimes you want it to be relative to the viewport.

This can be for example a top menu bar you want to stay in place:

Or an Intercom style bubble in the right hand corner:

Creation

⚠️ Fixed layout only works for elements that are not in a Stack or Grid

To enable viewport layout select any element and select layout: fixed in the properties panel:

You will see Viewport line appear and the bottom of your screen will be blued out. This line represents the bottom of what's visible within the viewport when the page is looked at. You can adjust it yourself for previewing (other fixed elements will respond to it). Once enabled, you can use standard pinning to adjust your layout, but now responsive to the viewport.


Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI
Supercharge your business site.
  • 99.99% uptime

  • Dedicated IP address

  • Unlimited pages

  • Proxy support

  • Custom onboarding

  • Unlimited viewers

  • Invoicing

  • Custom terms

  • Security reports

  • Single sign-on

  • Canonical URL

  • User roles

  • Office hours

  • Performance audit

  • SEO audit

  • Advanced DDoS protection

  • Custom agreements

Framer UI