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

Last updated: November 8, 2018

Applies to:

Marketing Hub
Basic, Professional, Enterprise
HubSpot CMS

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 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.

Free Inbound Marketing Training Learn inbound marketing techniques that range from creating content, using  social promotion, converting and nurturing leads, and all the way to marketing  to your customers. Start the course