Landing Pages

Customize how your page appears on a mobile device

Last updated: February 11, 2021

Applies to:

All products and plans

You can customize how your page content appears on a mobile device. Within the page editor, select the mobile icon to edit mobile options for each module in the main body of your page. You can choose to hide specific modules, or add custom padding or spacing that only appears when your page is viewed on a mobile device.

Before you get started

Please note: only default HubSpot themes and some 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.

Customize page content for a mobile device

The mobile editing experience will show you a mobile preview of your page, and a listing of all modules in your main page body. You can hide a module or add spacing or padding around a module.

  • In your HubSpot account, navigate to Marketing > Website > Landing Pages/Website Pages.
  • Hover over your page and click Edit or create a new page.
  • In the upper left, click the Edit for mobile icon at the top of the left panel.


  • In the Contents panel, click any module to customize how it appears on a mobile device.
    • Visibility: select whether to show or hide this module on a mobile device.
    • Alignment and spacing: add padding or spacing around this module. This styling will only apply to the mobile version of your page.


  • To select another module, click Back in the upper left.
  • To return to the content editor, click the
     Edit for desktop icon in the upper left.