{"id":166,"date":"2013-02-10T07:27:14","date_gmt":"2013-02-10T07:27:14","guid":{"rendered":"http:\/\/boulderinformationservices.wordpress.com\/?p=166"},"modified":"2013-02-10T07:27:14","modified_gmt":"2013-02-10T07:27:14","slug":"wordpress-replaces-your-menu-with-a-single-button","status":"publish","type":"post","link":"https:\/\/boulderinformationservices.com\/blog\/wordpress-replaces-your-menu-with-a-single-button\/","title":{"rendered":"WordPress replaces your menu with a single button"},"content":{"rendered":"

Actually, it’s not WordPress per se<\/em>, but the TwentyTwelve theme. If you look at your beautiful site or blog on a small device, your carefully structured menus will be reduced to a one-dimensional abomination labeled “Menu.”<\/p>\n

\"Wordpress

WordPress reduces your menu to this<\/p><\/div>\n

\"Well-intentioned

Well-intentioned designers created this<\/p><\/div>\n

In looking for a fix, I discovered that it was created by well-meaning theme developers. They think that if you’re viewing a site on a small screen, a larger menu is unusable, so they’re taking the decision out of your hands and “fixing” it for you, with no way for you to opt out.<\/p>\n

Thanks, but no thanks.<\/p>\n

Another commenter suggested it was made this way because “hover” states don’t work on touch-screen phones. Nice thought, except the decision to go one-dimensional isn’t based on touch input, it’s based on screen width. Plus, you can’t have a top-level navigation item in WordPress that isn’t a link — that is only a hover. So, again, nice thought, but no thanks.<\/p>\n

What my client has found is that, although we offer a mobile site, some people like to see the regular, full site, and zoom in to what they are looking for. I’m not sure I agree, but who am I to argue? And who is WordPress to dictate? (Can you tell it’s late and I’ve spent too much time trying to track this “feature” down?)<\/p>\n

Enough already. Here’s the fix.<\/p>\n

Open the CSS file for your theme. Search for this phrase:<\/p>\n

@media screen and (min-width: 600px) {<\/pre>\n
Change the 600px to 6px.<\/p>\n
You’re done.<\/p>\n","protected":false},"excerpt":{"rendered":"
Actually, it’s not WordPress per se, but the TwentyTwelve theme. If you look at your beautiful site or blog on a small device, your carefully structured menus will be reduced to a one-dimensional abomination labeled “Menu.” In looking for a … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"_links":{"self":[{"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/posts\/166"}],"collection":[{"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":0,"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/posts\/166\/revisions"}],"wp:attachment":[{"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/media?parent=166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/categories?post=166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boulderinformationservices.com\/blog\/wp-json\/wp\/v2\/tags?post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}