From Pinegrow 2.4 you can dynamically resize your page views directly in the application and check the responsive behavior but you can also easily define new responsive Breakpoints from your pages custom width.
How to Resize your page views?
Resizing your page views is done by selecting the RIGHT border of the page and dragging it to the LEFT (and then RIGHT depending on what your want to achieve).
While your drag the right border of your document, a notification appears with the current Width of the page.
Resizing your page views is the best way to check its responsive behavior and, if needed, proceed to some modifications in your design through CSS editing.
Once the page view is resized according to your needs, the custom Width appears in the Views and Breakpoints menu under the name Custom / Value in px
How to Add responsive Breakpoints based on your custom Width?
Now that your have a custom Width for you page view, what about using it to create a new Responsive Breakpoint?
See our documentation about Responsive Layouts
Select Manage breakpoints from the Views and Breakpoints menu
Then, click on Add Breakpoint
As you can see, you now have the opportunity to use the current Width. (907px in the following example)
Once you click on Use current width, the value is automatically added in the field.
Click on Add.
Now, you have a new Breakpoint for your document!
And the new Breakpoint can be selected as well from the Views and Breakpoints menu.
Useful Tip: You can also remove unwanted/unneeded Responsive Breakpoints through the Manage breakpoints screen by using Delete.
Last updated on February 14, 2017 at 9:05 pm