Customize your blog's view on mobile so that it looks great on any device. You can customize the main blog feed and the individual post pages.
To get started, you'll need to switch to the mobile Editor. Click the Switch to Mobile view icon at the top left of the Editor (desktop).
Learn more about:
Customizing the mobile view of your blog feed
Optimize your blog feed to suit a mobile screen by changing the settings.
To customize the mobile view of your blog feed:
- Go to your blog feed in your Editor.
- Click the Mobile view icon at the top to switch to the mobile editor.
- Click the blog feed.
- Click Settings.
- Click the Display tab to choose what info should appear in the mobile view.
Mobile screens are smaller than regular screens, so you might want to hide certain information which is less important to your readers.
- Click the Enable mobile settings toggle to customize the mobile display.
- Select or deselect each option under What shows on your feed?.
- Click Blog Menu to customize the menu for mobile:
- Click the Show blog menu toggle to show or hide your menu on mobile:
- If shown, select or deselect the options under What shows on your blog menu?.
- Click Back.
- Click Social Sharing to customize your social options on mobile.
- Click the Enable social sharing toggle to show or hide the social icons:
- If shown, select the relevant icons under Select the icons you want to show.
- Click Back.
6. Click the Layout tab to change the layout of your posts and categories.
You can change the layout of the main post feed as well as the category page.
- Click the All Posts Feed tab to select a layout for the main post feed.
- Click the Category Pages tab to select a layout for the category page.
7. Click the Design tab to change the font size.
You can change the size of the font that appears on the main post feed as well as the category page.
- Click the All Posts Feed tab to change the font on the main post feed:
- Drag the sliders to change the font size of the title and description text.
- Click the Category Pages tab to change the font on the category page:
- Drag the sliders to change the font size of the title and description text.
Customizing the mobile view of your post page
Optimize your post page to suit a mobile screen by changing the settings.
To customize the mobile view of your post page:
- Go to your post page in your Editor.
- Click the Mobile view icon at the top to switch to the mobile editor.
- Click the post page.
- Click Settings.
- Click the Display tab to choose what info should appear in the mobile view.
Mobile screens are smaller than regular screens, so you might want to hide certain information which is less important to your readers.
- Click the Enable mobile settings toggle to customize the mobile display.
- Select or deselect each option under What shows on your feed?.
- Click Blog Menu to customize the menu for mobile:
- Click the Show blog menu toggle to show or hide your menu on mobile:
- If shown, select or deselect the options under What shows on your blog menu?.
- Click Back.
- Click Social Sharing to customize your social options on mobile.
- Click the Enable social sharing toggle to show or hide the social icons:
- If shown, select the relevant icons under Select the icons you want to show.
- Click Back.
- Click Recent Posts & Comments to customize the section displaying recent posts and comments:
- Click the Show recent posts toggle to show or hide the recent posts section.
- Click the Show comments toggle to show or hide the comments section.
- Click Back.
3. Click the Design tab and drag the sliders to change the size of the fonts.
