Menu Block Editing in Mobile Mode

Content:

• How to Edit the Menu Block in the Mobile Version?
• How to Change the Size of Menu Icons in the Mobile Version?
• How to Change the Text Size in the Menu in the Mobile Version?
• How to Change the Align of the Menu Block in the Mobile Version?
• How to Change the Size of Gaps Between Menu Items in the Mobile Version?
• How to Change the Padding of the Menu in the Mobile Version?
• How to Make the Menu Responsive?

To ensure your email looks perfect in the mobile version, you can edit the mobile version of the menu bloc

How to Edit the Menu Block in the Mobile Version?

To edit the menu block in the mobile version, switch to the mobile version of the editor and click on the menu block that has been previously added to the email (or add it from the blocks panel). On the right, the block settings menu will open.

How to Change the Size of Menu Icons in the Mobile Version?

To change the size of the icons in the menu in the mobile version, click on the menu block and in the right panel adjust the size of the icons by moving the slider or setting the desired width of the icons in pixels.

How to Change the Text Size in the Menu in the Mobile Version?

To change the size of the text in the menu items in the mobile version, click on the menu block in the mobile editor and in the right settings panel, under the link style section, select the desired text size. The text style can only be set in the standard version of the editor.

How to Change the Align of the Menu Block in the Mobile Version?

To change the alignment of the menu block to a specific side in the mobile version, click on the menu block and in the right-hand panel, adjust the alignment of the block.

How to Change the Size of Gaps Between Menu Items in the Mobile Version?

To change the size of the gaps between menu items, click on the menu block in the mobile version of the editor, and in the right-hand settings panel, adjust the gap by setting the desired values in pixels.

How to Change the Padding of the Menu in the Mobile Version?

To change the spacing around the menu block in the mobile version, click on the menu block in the mobile version of the editor and in the right-hand panel, set the desired values in the padding section.

How to Make the Menu Responsive?

A responsive menu is a menu where the items are stacked one below the other. This is a convenient option if your menu has too many items or they are too long and don't fit well in a single line in the mobile version. To enable a responsive menu, click on the menu block while in the mobile version of the editor, and in the right-hand settings panel, toggle the switch next to the item "Adaptive menu."