{"id":1584,"date":"2012-03-27T15:42:55","date_gmt":"2012-03-27T15:42:55","guid":{"rendered":"http:\/\/gr-01.de\/whitepapers.grafik-und-redaktion.de\/?p=1584"},"modified":"2013-06-03T03:42:01","modified_gmt":"2013-06-03T01:42:01","slug":"limit-which-menunav-items-appear-based-on-user-agent-device-in-wordpress","status":"publish","type":"post","link":"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=1584","title":{"rendered":"Limit which menu\/nav items appear based on user agent \/ device in WordPress"},"content":{"rendered":"<p><a href=\"http:\/\/stackoverflow.com\/questions\/9490760\/limit-which-menu-nav-items-appear-based-on-user-agent-device-in-wordpress-po\">#<\/a> You could give those elements custom classes and then hide them based on device max-width. You can setup any number of rules like this and this is what is commonly known as a media query. It&#8217;s the basis for changing styles based on size.<\/p>\n<pre class=\"brush: css; gutter: true\">@media only screen and (max-width: 959px) {\r\n    div.desktop-only {\r\n    display:none;\r\n    }\r\n    }<\/pre>\n<p>You can also set a range.<\/p>\n<pre class=\"brush: css; gutter: true\">@media only screen and (min-width: 768px) and (max-width: 959px) { \/*code here*\/ }<\/pre>\n","protected":false},"excerpt":{"rendered":"<p># You could give those elements custom classes and then hide them based on device max-width. You can setup any number of rules like this and this is what is commonly known as a media query. It&#8217;s the basis for &hellip; <a href=\"https:\/\/whitepapers.grafik-und-redaktion.de\/?p=1584\">Weiterlesen &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57,13],"tags":[107],"_links":{"self":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1584"}],"collection":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1584"}],"version-history":[{"count":3,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1584\/revisions"}],"predecessor-version":[{"id":3081,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=\/wp\/v2\/posts\/1584\/revisions\/3081"}],"wp:attachment":[{"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/whitepapers.grafik-und-redaktion.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}