Design Manager

Set an initial scale for your pages on mobile devices

Last updated: October 28, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
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 want to change this from device-width to a default scale, you must add a new meta viewport tag to your HubSpot templates:

  • 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" />

set-scale-of-page

  • In the upper right, click Publish changes to take your changes live.