Make a Table Mobile Responsive

July 31, 2014 (4 years ago)
CSS, Responsive Design

If you’re using display:table, rather than a real table, for layout, this CSS will make it mobile responsive:

 

Mobile Nav without Javascript

June 26, 2014 (4 years ago)
WordPress, CSS, Responsive Design

I wasn’t happy with the JS (or jQuery) mobile menu solutions I had been using. They always seemed to have some sort of a glitch.

My solution was to build a mobile nav which gets the menu items  with wp_get_nav_menu_items() and then display them as a select drop-down. A little bit of CSS styling on the select box, and voila! A nav menu that works perfectly every time!

Here’s the navigation code:

 And here’s the CSS:

 

 

Remove Width/Height from Images

June 20, 2014 (4 years ago)
WordPress, Functions, Responsive Design

For making images inside posts mobile responsive:

 Or, within your functions.php:

 

Skip to toolbar