header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Blog: Customizing Your Blog's Mobile View

4 min
In this article
  • Customizing the mobile view of your blog feed
  • Customizing the mobile view of your post page
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.
Note:
This article refers to steps for the Wix mobile editor only. Learn how to customize the mobile view for a site using the Studio Editor.
A screenshot showing a blog post viewed on a mobile device

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 mobile 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 blog feed element on your page.
  4. Click Settings.
  5. Choose what you want to customize:
A screenshot showing the display settings for mobile.

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 mobile 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 Settings
  5. Choose what you want to customize:
A screenshot showing the post page display settings for mobile.
A screenshot showing a blog post viewed on a mobile device
A screenshot showing the display settings for mobile.
A screenshot showing the post page display settings for mobile.