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.
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).
In this article, learn more about:
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 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 Mobile view icon at the top to switch to the mobile Editor.
- Click the blog feed.
- Click Settings.
- Click the Display tab and 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 enable mobile settings.
- Under What shows on your feed? select or deselect the relevant elements.
- 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.
- Select a layout for the main post feed.
- Select the alignment for the text.
- Click the Category Pages tab.
- Select a layout for the category page.
- Select the alignment for the text.
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.
- Drag the sliders to change the font size of the title and description text.
- Click the Category Feed tab.
- 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. 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 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 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.
- Under What shows on your feed?: select or deselect the relevant elements.
- 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 Related Posts & Comments to customize the section displaying related posts and comments:
- Click the Show related posts toggle to show or hide the related posts section.
- Click the Show comments toggle to show or hide the comments section.
- Select related or recent posts.
- Click the Show "See All" link toggle to enable or disable it:
- Enabled: A link is displayed that takes site visitors to your blog feed.
- Disabled: No link is displayed.
- Click Back.
6. Click the Design tab and drag the sliders to change the size of the fonts.
- Go to your editor.
- Go to your Blog page:
- Click Pages & Menu on the left side of the editor.
- Click Blog Pages.
- Click the Switch to Mobile icon on the top bar of your editor.
- Click the Wix Blog app in your mobile Editor.
- Click Settings.
- Click the Design tab.
- Drag any of the sliders to increase or decrease the font sizes.