Mobile Breakpoints

Set heights and widths of your map for specific screen sizes.

When creating your map, scroll down in the View section to the Mobile Breakpoints area. Here, you'll be able to pick two different breakpoints (if you need more, please let us know). In effect, this gives you three real breakpoints, since the default height and width serves for all sizes above the highest breakpoint.

It works like this:

• The default height and width serves for all screen sizes unless Mobile Breakpoints are turned on

• The first breakpoint, by default, is set to a standard tablet width (1024px). All screen sizes below this will have the height and width given for this breakpoint

• The second breakpoints, by default, is set to a standard mobile width (428px). All screen sizes below this will have the height and width given for this breakpoint

So, to summarize: default > first breakpoint > second breakpoint. Make sure to follow this model and your maps should adjust their size nicely for your users in all situations!