Blog Post Preview in Mobile Editor

Follow these steps to set up the Post View Settings:

In the bottom toolbar, click Pages:

Click the Settings icon that appears next to the name of the page:

Posts Preview

Navigate to the Posts Preview to switch between posts.

Please Note: The Post Preview and Cover Photo features work only with Grid or List Blog Page Settings.

Format

Choose Format from the drop-down menu. The style is set as Standard by default:

Hero image is a large main photo pinned to the top of the page. Hero images help to make an impactful first impression, optimize visual hierarchy, and add personalization to your Blog page:

Please Note: The Banner Height settings appear when the Hero option is selected.

Banner Height

By choosing the Hero format, you can select Tall, Medium, or Short banner height. The height is set as Medium by default:

Post Width

Choose the Standard, Narrow or Wide post width from the drop-down menu. The width is set as Standard by default:

Meta Settings & Style

If you want to display Meta information, turn the switch on:

Select the Meta style from the drop-down menu: Standard, Compact or Bottom. The style is set as Standard by default:

Alignment Settings

Select the Left, Center or Right alignment from the drop-down menu. The alignment is set to the Left by default:

Social Sharing

Enable the Social Sharing option for your blog posts by turning on the switch:

Comments

Allow users to comment on your posts by turning on the switch. Facebook comments are enabled by default, but you can choose a different service from the drop-down menu:

Define the maximum number of comments users can leave:

Use the Sort By option to sort comments on the page:

If you want to display Post Navigation under the posts, turn the switch on: