Customizing your blog's mobile view allows you to create a seamless and engaging experience for visitors using mobile devices. For example, if you run a travel blog, optimizing the blog's mobile view ensures that your stunning travel photos and detailed itineraries look great on smartphones, making it easier for your readers to follow along on their own adventures.
Customizing the mobile view of your blog feed
Optimize your blog feed to suit a mobile screen by changing the settings. You can choose what is displayed on the screen, change the layout, and adjust the font size.
To customize the mobile view of your blog feed:
- Go to your mobile editor.
- Go to your Blog page:
- Click Pages & Menu on the left side of the editor.
- Click Blog Pages.
- Click your Blog page.
- Click the blog feed.
- Click Settings.
- Choose what you want to customize
Mobile screens are smaller than regular screens, so you might want to hide certain information which is less important to your readers.
- Click the Display tab.
- Enable the Enable mobile settings toggle.
- Select or deselect the relevant elements under What shows on your feed?
- Click Blog Menu to customize the menu for mobile.
- Enable/disable 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.
- Enable 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.
You can change the layout of the main post feed as well as the category page.
- Click the Layout tab.
- Click the All Posts Feed tab.
- Choose a layout for the main post feed.
- Choose the alignment for the text.
- Click the Category Pages tab.
- Choose a layout for the category page.
- Choose the alignment for the text.
You can change the size of the font that appears on the main post feed as well as the category page.
- Click the Design tab.
- Click the relevant tab and choose what you want to customize:
- Click Posts to customize the All Posts feed and Category feed font.
- Click Back.
- Click Category labels.
- Enable the Enable mobile settings toggle to customize the settings.
- Choose a layout for your category labels.
- Customize the font style and color of your category feed.
- Enable/disable the Make labels uppercase toggle to change the case of your category labels.
Customizing the mobile view of your post page
Optimize your post page to suit a mobile screen by changing the settings. Show or hide certain elements, change your layout and customize the font size.
To customize the mobile view of your post page:
- Go to your mobile editor.
- Go to your Post page:
- Click Pages & Menu on the left side of the editor.
- Click Blog Pages.
- Click Post.
- Click the Post page element on your page.
- Click Settings.
- Choose what you want to customize:
Mobile screens are smaller than regular screens, so you might want to hide certain information which is less important to your readers.
- Click the Display tab.
- Enable the Enable mobile settings toggle to customize the mobile display.
- Select or deselect the relevant elements under What shows on your feed?.
- Click Blog Menu to customize the menu for mobile.
- Enable 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.
- Enable 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 Related Posts to customize the section displaying related posts and comments:
- Enable/disable the Show related posts toggle to show or hide the related posts section.
- Enable/disable the Show comments toggle to show or hide the comments section.
- Select related or recent posts.
- Enable/disable the Show "See All" link toggle to show or hide a link to your blog feed.
- Click Back.
- Click the Design tab.
- Drag any of the sliders to increase or decrease the font sizes.