The globe container will expand to 100% of the space availble where you place it. If you’re using a page builder, the container where you place the globe shortcode or block, will control the size of the globe container. For example, if you place the globe on a column that only has 500px width, the globe container will only take that space. If you want the globe to be full width, you’ll need to add it to a container that is also full width in your page.

You can however control other aspects of the globe size in the Globe options.

Initial altitude/Scale

In Globe > Initial Altitude/Scale you can control the size of the globe, if it’s more zoomed in or out. By default it’s set at 1.7, to make the globe fit the wrapper and leave some space around it.

You can also change the initial altitude using the preview options, zooming in/out to the value you want and then click ‘Set initial center’.

This value is the ‘altitude’ of the ‘viewer’. If the value is equal to 0 it means you’re completely zoomed in, on the surface of the globe. The bigger the value the further you get away from the surface.

Container Height – Aspect ratio

In the Container tab of the globe options you can control the height of the container, which will set the aspect ratio for the globe wrapper div.

If the height is set to 100% then the container will be square, allowing the globe to take more space. By default is set to 56%, so that there’s space on the sides of the globe, a 16:9 aspect ratio.