{"id":17106369,"date":"2023-10-06T20:18:43","date_gmt":"2023-10-06T20:18:43","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/trouble-styling-nav-submenu\/"},"modified":"2023-10-06T20:19:48","modified_gmt":"2023-10-06T20:19:48","slug":"trouble-styling-nav-submenu","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/trouble-styling-nav-submenu\/","title":{"rendered":"trouble styling nav submenu"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I&#8217;m customizing a theme and everything looks good with one exception: I can&#8217;t figure out how to style only the text in the mobile popup version of the menu. In the theme editor (block editor) I gave the nav block a custom css class &#8220;.jj-top-nav&#8221;.  I am able to do something like:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n.jj-top-nav span {\n\tcolor: red;\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">which works, but of course it affects the menu bar text in desktop view, not just the mobile view.<br \/><br \/>How do I target just the mobile version of those menu items? <br \/><br \/>(Also what&#8217;s the easiest way to target the burger menu button in css?)<\/p>\n","protected":false},"template":"","class_list":["post-17106369","topic","type-topic","status-publish","hentry","topic-tag-css","topic-tag-navigation"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17106369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17106369\/revisions"}],"predecessor-version":[{"id":17106372,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17106369\/revisions\/17106372"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17106369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}