In the Viewer section of your project settings, you can customize default interface elements and select how your project is displayed and navigated.
To make your project content scale up to different screen sizes, enable the Scale Layout setting. Keep in mind that only the content within the dotted frame will be scaled. To limit the width of scaling, enter your desired numeric value (between 1024px and 8400px).
Projects with Scale Layout enabled are automatically scaled in Editor mode. This makes the design process easier and guarantees your project will look the same during editing and after publication.
Note: This setting applies only to the Desktop layout. In Firefox, Scale Layout won't be visible in Editor mode.
Vertical and horizontal navigation
Select Vertical navigation to make your pages scroll one after another or choose Horizontal to make them independent. In addition, you can disable the Navigation arrows: combined with Horizontal navigation, this allows you to make inner pages accessible via direct links only.
This attribute allows the next page of your project to appear on top of the current one.
Note: Slide-in transitions may slow down projects with heavy animation.
Note: You can keep Navigation arrows and Slide-in Transition enabled at the same time or select only one (or none).
Other interface elements
By default, all of these interface elements are shown at the bottom of the browser window on the published version of your project.
- Project Menu: Add a button that opens clickable page previews.
- Project Info: Display your user pic and publication date at top of the project menu.
- Share button: Add a button that allows direct project sharing of your project to Facebook, Twitter, Pinterest, and LinkedIn.
- Page Counter: Show the page number.
- Buttons on top. Shifts all interface controls to the top of your pages.
Enable lower quality placeholders that display while your project is loading. This feature may come in handy if your project has a lot of heavy content and loads slowly.
Enable or disable the Readymag sign-up form on the last page of your project. If you disable this setting and still see the ‘Made with Readymag’ shield in your projects, it means that you have probably exceeded your project view limit and need to pay for additional views. Learn more here or contact our support team.