{"id":4098690,"date":"2013-09-05T13:54:35","date_gmt":"2013-09-05T13:54:35","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/making-a-menu-responsive\/"},"modified":"2016-08-21T04:37:44","modified_gmt":"2016-08-21T04:37:44","slug":"making-a-menu-responsive","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/making-a-menu-responsive\/","title":{"rendered":"Making a menu responsive"},"content":{"rendered":"

Hi<\/p>\n

I am trying to make my menu responsive and using the code from this site http:\/\/www.hongkiat.com\/blog\/responsive-web-nav\/<\/p>\n

My problem is getting the @media only screen and (max-width : 480px) to work.<\/p>\n

The code asks for:<\/p>\n

<nav class="clearfix">\n    <ul class="clearfix">\n        <li><a href="#">Home<\/a><\/li>\n        <li><a href="#">How-to<\/a><\/li>\n        <li><a href="#">Icons<\/a><\/li>\n        <li><a href="#">Design<\/a><\/li>\n        <li><a href="#">Web 2.0<\/a><\/li>\n        <li><a href="#">Tools<\/a><\/li>\n    <\/ul>\n    <a href="#" id="pull">Menu<\/a>\n<\/nav><\/code><\/pre>\n
My question is where do I put the line of code    Menu<\/a>  Does is go in the header or in the function file. I have tried putting it:<\/p>\n
<div id="nav-bar-case">\n\t<nav class="group">\n    \t<?wp_nav_menu(array('menu'=>'Header Menu'));?>\t\n\n\t<nav><!--end of nav bar-->\n     <a href="#" id="pull">Menu<\/a>\n<\/div><!--end of nav bar case--><\/code><\/pre>\n
But no luck – anyone know what do do?<\/p>\n","protected":false},"template":"","class_list":["post-4098690","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4098690","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":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4098690\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=4098690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}