You can check the result by going into the Preview and selecting the Mobile view. To use it, scroll down until you see the Block options section. Hiding ContentĪll content blocks in the BEE builder include a Hide on setting in the property panel. This means you can now hide individual content blocks or entire rows from a specific type of device. The Hide on feature is available on both the content level and the row level. Here is how the email layout renders when columns are stacked in reverse order: ![]() This is how these two sections render on mobile by default: The same template also has a section where images are aligned on the right. In some cases, the columns stacked on mobile can work better in a reversed order. As always, it is up to you and your creativity when and how to use this option. A user-friendly vertical layout on mobile makes sense in most cases. The option is available in the right panel as a row property, toggled off by default.Įmail design best practices suggest a careful use of this display setting. The Do not stack on mobile row setting allows you to override the default stacking behavior. It may also hide important elements of the design or even draw too much attention to an element. Vertically stacking this content could create excessive empty space in the design. There are some cases in which vertical stacking of columns may not lead to the best result.Ī common scenario is a row used to display a navigation bar with text links or icons. For any email client compatibility, please see the email client support section. This happens when a client lacks support for standard CSS. In some cases, the desktop version will be displayed. Vertical stacking is supported by the most popular mobile email clients. If you want to change the mobile behavior of your design, there are plenty of features you can use to do this! Let’s go over the different options that can impact the mobile version of your design. Sometimes the default mobile optimization settings don't work with your design vision. It should also prevent the need to use zoom settings to read the email. This automatic reorganization of content makes your design easy to scroll through. With that in mind, the BEE builder will vertically stack content when it's opened on a mobile device. Sometimes this can lead to a sub-optimal reading experience. When viewing columns on a mobile device, they can become quite narrow. ![]() Often content in an email is organized in multiple columns. This article applies to both versions of the builder in all BEE Pro plans.
0 Comments
Leave a Reply. |