labsgogl.blogg.se - Moxile editor

MOXILE EDITOR HOW TO
MOXILE EDITOR INSTALL
MOXILE EDITOR UPDATE

Click the element, and then the Visibility icon in the Properties panel to toggle the visibility.Instead of deleting elements that won't fit in your mobile responsive version, you can "hide" them. Use the S cale bar in the Geometry to adjust the font sizeįeel free to continue making adjustments to the text element's dimensions, without changing your desktop version, by dragging the sides or corners.Locate the Properties panel on the right.Click on the text element while editing the mobile version.Instead, follow these steps on your mobile version:

MOXILE EDITOR UPDATE

If you change the font size of a text element, both desktop and mobile will update as well. If you've got a larger space to cover in your move and want to move your element in larger increments, you can do so by holding shift and then pressing the directional arrow key. Select the element you'd like to move, and use the directional arrow keys on your keyboard to move the selected element to your desired location. This will allow you to move elements outside of a page section on one version without changing the element's placement in the other version. Hold down the Command key (Mac) or Control key (Windows) while you move an element. You may have to do some tweaks here and there to get everything to your liking, but starting by clicking this button is the best way to get your page looking mobile-ready.

All Sections: rearrange all elements in all Sections on the mobile landing page:.

a Section: this will rearrange content within the highlighted Section only, or,.

Click the option to apply the Layout Assistant to.

Head over to the Properties or Page Properties tab.

Click on the page Section you'd like to rearrange.

MOXILE EDITOR HOW TO

Here's how to toggle the Layout Assistant: The Layout Assistant will automatically align your layout as close as it can get to the mobile specifications without you having to do everything manually.

To return to the desktop editor, click the desktop Edit for desktop icon in the upper left.The Mobile Layout Assistant can be found at the top right-hand corner of the builder, under the Properties & Page Properties tab.

To select another module, click Back in the upper left.

Enter pixel values in the Top, Left, Right and/or Bottom fields.

To edit this module's spacing on mobile devices, click the Alignment and spacing section, then select Padding or Margin.

Hidden modules will still appear on the desktop version of the page.

To display or hide this module on mobile devices, click the Visibility section, then select Show or Hide.

Click a module to customize how it appears on mobile devices.

In the top left of the sidebar editor, click the mobile Edit for mobile icon.

Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.

Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.

MOXILE EDITOR INSTALL

To implement mobile editing, HubSpot recommends that you work with a developer to install mobile breakpoints. Please note: only default HubSpot themes and some marketplace themes include mobile editing - custom themes do not include mobile editing by default. Your page content itself can only be edited in the desktop version of the editor. In theme templates, starter templates, and coded templates with drag and drop areas, you can hide specific modules on mobile devices, or add mobile-only margins and padding.