Skip to content

responsive menus

Much has been made of in recent years of responsive design, as I noted in a past post.

In order for sites to function well and be easily navigated by the ever-increasing number (growing daily!) of mobile and tablet internet users, responsive design has sought to address many of the issues encountered by those users when trying to navigate a ‘regular’ desktop site structure or design. When typically ends up happening (and you may have experienced this firsthand?) is the site viewer has to pinch / zoom either by using their fingertips or by double-tapping a region of a webpage to examine it more closely.

So, at its core attribute, responsive design seeks to make page content load in such a way that there is no need for this hunt-and-peck effort on the part of the site’s viewer.

I’ve been working through some client sites that were initially developed on a WordPress theme that wasn’t responsive “out of the box”. Instead of redoing the site using a responsive theme, I’ve been working to setup those ‘regular’ websites with a set of responsive design cues so that they better fit the browser screen they’re being viewed upon.

One area that has been a bit of a struggle to make streamlined and efficient is the nav links (or menu items). I put rudimentary measures in place on the sites I’ve touched so far, but want to clean up that very basic list format to make it look sleek and modern, instead of random and scattered as it mostly does now. I’m currently testing: SlickNav to see if that will be a good choice or not. I’ll keep you posted — those of you with desires for a sleek mobile nav, that is — as I find out more.