Introducing a Mobile-First Version of the Genesis Theme

One of the things that I love most about my position in our company is that I have the ability to try new things when it comes to design.

Usually that takes place in the context of developing Genesis themes and it’s always an adventure. So a few weeks ago I started playing with the idea of creating a mobile-first version of the default Genesis sample theme.

Mobile-first theme for Genesis
The Mobile-First Theme for Genesis

The idea wasn’t exactly new to me, since community member Mickey Kay and his team at Mighty Minnow had released their own version last year. I’ve also had a few brief conversations with Gary Jones on the subject of mobile-first as well.

I decided it was time to embrace the idea that a mobile-first strategy with theme development was something to consider. I’ve read many articles on the subject, and thought it was finally time to see what the fuss was all about.

So I downloaded our sample theme, installed a fresh demo and began hacking away at the CSS. Check out the Mobile First demo site to see what happened.

I plan on writing more about the actual process and what I’ve learned along the way, but in the meantime I thought that I’d share what I’ve been working on.

And … the Mobile First theme is FREE to download. Click here for access.

Design a simple life.

No Sidebar is a weekly email newsletter that helps you identify the things in life that you can do without. Learn how to eliminate the unnecessary clutter on your website, inside your home and also within your soul.

Free Weekly Newsletter