How to See What Your Blog Looks Like on Multiple Mobile Devices

You ever wondered what your blog looks like on different devices (e.g. small phone versus an iPhone, small tablet versus an iPad, etc.)? Well, I have a cool (and free!) resource that shows you just that. Here’s what to do:

  1. First, go to www.studiopress.com/responsive/.
  1. Next, type your blog URL at the top of page and hit enter.
  1. Then select ‘device sizes’ to see the difference in appearance by screen size.

Here’s a couple screenshots to show you what Brown Girl Bloggers looks like across different devices:

Super easy, right?

If you found this post helpful, pass it along to other brown girl bloggers!

Thanks for the photo Create Her Stock!

Author: Drea Hall

Drea is a Chicago-based freelance writer and lifestyle blogger at The Drea Daily. She’s obsessed with coffee, books and blogs, handbags, and lipstick. When she’s not blogging, you can likely catch her tweeting about something on Twitter @DreaEHall.

  • Indeed, Kari. If it’s too difficult for me to navigate a blog from my iphone or ipad, I don’t even bother. *shrugs*

  • Thanks for sharing this! It’s important to know how our layouts are translating, especially when so many people are reading on iPhones and tablets. An unattractive layout on those mediums can really scare potential readers away!

  • You’re welcome!

  • TC’s Views

    Thanks for sharing this one Ms. Drea! I love it! I’ll be sure to add it to my checklist!

  • I’ll check that one out, too. Thanks for the tip, Crissi. :)

  • Thanks for sharing this resource, Drea! I wanted to add another one: the “Responsive Web Design Tester.” It’s a browser extension for Google Chrome and has several viewing options for both Apple and Android devices.

    -Crissi
    http://crissiuntangled.com/