We have all read that all over the place. When you are creating a website and want to make sure that it works well on mobile platforms, then you should design for that platform first. I thought it was nothing and said to myself, “self, we can do responsive **last**”. And so I did.

And failed.

Sure, the site worked on mobile and tablets, but it wasn’t _quite_ right. Back to the drawing board I went, rebuilding the grid and starting almost from scratch.

Mobile first.

And you know what, it worked much better! If you are looking at this on a mobile device, trust me when I tell you that it is better than my first attempt. There are still some tweaks to follow to dial it in just a little bit more, especially on the gallery pages. I’ll be writing it up for you to read all about shortly. But for now, kick the tires and let me know if you have any issues.

A few details? Ok.

  • Custom Post type for a gallery
  • Custom header, background and menus (just like the stock WP themes)
  • Fully responsive
  • A few shortcodes for widget styling and other things

More to follow in the next week!

Published by Don

Lead bottle washer at donburnside.com, host at whiteroofradio.com and tech guru for the MotoringFile family of sites.

Join the Conversation


    1. That is at the top of my list. It was working correctly until I changed some padding to allow for background-color changes. That messed up the math.

      Thanks Matt!

    1. I have. I’m setup here to mimic the functionality of motoringfile.com for compatibility testing. I’m not really a huge fan, but it is getting better.

      I’m thinking about rolling them out on dbmini too.

Leave a comment

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

This site uses Akismet to reduce spam. Learn how your comment data is processed.