How do I set an initial scale for my pages on mobile devices?

Last updated: May 31, 2018

Applies to:

Marketing Hub Basic, Professional, Enterprise

By default, pages published using HubSpot’s CMS platform include a meta viewport tag that sets a default value of device-width for content viewed on mobile devices.

If you would like to change this from device-width to a default scale, you will need to add a new meta viewport tag to your HubSpot templates. To do this, you'll need to edit your template:

  • In your HubSpot Marketing Hub Basic, Professional, or Enterprise account, navigate to Marketing > Files and Templates > Design Tools.
  • Locate your template in the finder and click the template name to edit it.
  • In the inspector on the right, insert or paste your viewport tag in the Additional <head> markup section with the appropriate scale and width settings:
<meta name="viewport" content="initial-scale=1" />


  • Click Publish changes in the upper right to take your changes live.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.