Last updated: June 20, 2025
Available with any of the following subscriptions, except where noted:
All products and plans
|
In the content editor, you can customize how your page content is displayed for desktop or mobile devices. You can edit the visibility of specific elements based on device type. You can also customize margins and padding specifically for mobile breakpoints. Learn more about creating and editing content in the content editor
Please note: only HubSpot's default themes and some Template Marketplace themes include mobile editing. Custom themes do not include mobile editing by default. To implement mobile editing, HubSpot recommends that you work with a developer to install mobile breakpoints.
Edit content for mobile devices
-
Navigate to your content:
- Website Pages: In your HubSpot account, navigate to Content > Website Pages.
- Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
- Click the name of your page.
- To toggle between the different device types, at the top, click the Mobile icon or Desktop icon to edit for the selected type.
- In the upper left, click the Contents icon.
- To edit an element’s visibility on mobile, in the left panel, click a module or section and expand the Visibility section.
- Under Hide on this breakpoint, click Hide or Show to customize how the element displays on mobile. An element that is hidden for a mobile breakpoint will still appear on the desktop version of the page.
- You can also hide an element by hovering over a module or section in the content preview and clicking the Hide icon.
- To edit the padding and margin on mobile, in the left panel, expand the Alignment and spacing section.
- Under Padding and margin, click Padding or Margin and enter pixel values in the Top, Left, Right, or Bottom fields. These changes will only apply to the mobile breakpoints and won't appear on the desktop version of the page.
- To add uniform spacing to all sides, select the Apply to all sides checkbox.
