I am a bit of a hack when it comes to css. I dont know that I always do things the “right way”, but I try to take what I can from all the CSS wizards like Chris and the folks he has on shoptalkshow.com.
I was looking at the WordPress twenty twelve theme to see how they constructed the css for responsive design. Right away I seen that they’re using “display:none;” on the menu button for the mobile menu switcher.
I have been trying to get my own little library of css for responsive design to implement on my small projects. I have tried adapting some of bootstrap and the HTML5 boiler plate code but working with the WordPress menu can be tricky at times. Everything I build is always around WordPress for my little world of web design. And before reading the article mentioned above, I was using display none A LOT!.
What type of advice would you guys have one tackling this? I feel the rest of the theme structure is easy. We all know that nav menu’s can be pretty difficult to begin with.