Mailmodo 0ff833fbTry Mailmodo for Free↗️Login Mailmodo↗️

No results

Help CenterEditor and TemplatesDesign your templateHow to show or hide block on a mobile device?

How to show or hide block on a mobile device?

Last updated February 8, 2024

You can show or hide a block in a template based on the device on which the email is being opened i.e desktop or mobile.

For example, I have a button in my template which redirects to my play store app. This button is only relevant for mobile users. With the hide feature, I can hide this button for email recipients viewing the email on a desktop. The button will only be visible to those who are viewing the email on mobile devices.

Pre requisites

1. This feature is only applicable to blocks and forms. The feature is not available for widgets.

2. If the width of the device on which the email is being viewed is less than 480px, then mobile version will be shown. If the width is more than 480px, then desktop version will be shown.

How to hide a block based on the user’s device type?

Step 1: Select the block or form you want to hide. Scroll down on the right panel to find the hide feature. 

How to show or hide block on a mobile device?

Step 2: By default the block will be shown on all devices. Select the device on which you would want to hide the block/form.  

How to show or hide block on a mobile device?
In case of forms, you need to configure the AMP and HTML version separately.

Step 3: Once configured, check the template preview. You can toggle between the desktop and mobile version from the drop to see how the template will look on different devices.

How to show or hide block on a mobile device?

Step 4: Send a test email to see how the template will look in the user’s inbox. Be sure to check the email on both desktop and mobile devices.

How to show or hide block on a mobile device?

Did we miss something? Not to worry

Use the search bar in our     Help Center     to find quick guides and walkthroughs 

Feel free to ping us with your query over the Mailmodo chat.

You can also send us your queries at support@mailmodo.com

Was this article helpful?