Wix Blog: Customizing Your Blog's Mobile View

5 min read
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).
A screenshot showing the mobile view icon on your editor.
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:

  1. Go to your editor.
  2. Go to your Blog page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Blog Pages.
    3. Click your Blog page.
  3. Click the Mobile view icon at the top to switch to the mobile Editor. 
  4. Click the blog feed.
  5. Click Settings.
  6. Click the Display tab and choose what info should appear in the mobile view.
6.  Click the Layout tab to change the layout of your posts and categories. 
7.  Click the Design tab to change the font size.

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:

  1. Go to your editor.
  2. Go to your Post page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Blog Pages.
    3. Click Post.
  3. Click the Post Page element on your page.
  4. Click the Mobile view icon at the top to switch to the mobile Editor.
  5. Click the post page. 
  6. Click Settings
  7. Click the Display tab to choose what info should appear in the mobile view.
6.  Click the Design tab and drag the sliders to change the size of the fonts.

Did this help?

|