Title: make nav-menu functional on lower resolution when Javascript is disabled
Last modified: August 31, 2016

---

# make nav-menu functional on lower resolution when Javascript is disabled

 *  Resolved [fk47](https://wordpress.org/support/users/fk47/)
 * (@fk47)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/)
 * Hueman Theme
    Nice theme! hi friends, When javascript is disabled on browser 
   on lower resolutions, navigation-menu icon is shown, but not functional when 
   clicked on. Please anyone know how I could make the navgiation-menu to work on
   lower resolutions when javascript is disabled on a browser.
 * the website: [http://nibbleng.com](http://nibbleng.com)
 * thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447210)
 * Hi fx47. The theme and WordPress both use javascript extensively. I’m not the
   theme developer but would imagine there would be extensive changes required. 
   Even then, if the user has javascript disabled, they will most likely run into
   other problems since your site is based on WordPress.
 *  Thread Starter [fk47](https://wordpress.org/support/users/fk47/)
 * (@fk47)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447227)
 * Thanks bdbrown for the response. Yeah, its true there could be other problems
   too when javascript is disabled. If there could be a way to make nav-menu work
   on lower resolutions when javascript is disabled. I really don’t mind about any
   other issues that may arise when javascript is disabled on the browser.
 *  Thread Starter [fk47](https://wordpress.org/support/users/fk47/)
 * (@fk47)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447228)
 * Thanks bdbrown for the response. There’s this free internet for all (freebasics
   by facebook) that I want the site to be on. So, it requires that I make nav-menu
   work on lower resolutions even when javascript is disabled before its approved.
   here’s a link they sent me: [https://www.sitepoint.com/pure-css-off-screen-navigation-menu/…&#8230](https://www.sitepoint.com/pure-css-off-screen-navigation-menu/…&#8230);.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447232)
 * If you’re not using a Child Theme, and if the theme doesn’t have a section for
   CSS modifications then do the following:
    1. Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
    2. use its “CSS Code” [section of the dashboard](https://s.w.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=1288706)
       to hold your CSS modifications:
    3.  (put this code in)
    4.     ```
           @media screen and (max-width: 719px) {
               .no-js .nav-toggle {
                   display: none;
               }
       
               .no-js #nav-header .container {
                   height: auto;
               }
           }
           ```
       
    5. Save
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications_
 *  Thread Starter [fk47](https://wordpress.org/support/users/fk47/)
 * (@fk47)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447291)
 * Worked like a charm.
    Thanks Andrew and Bdbrown. All I added was to do same thing
   for the top-nav and hide the toggle-search:
 * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 719px){
   .
   no-js .nav-toggle { display: none; }
 *  .no-js #nav-header .container {
    height: auto; }
 * .no-js #nav-topbar .container {
    height: auto; }
 * .no-js .toggle-search{
    display:none; }
 * }
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447301)
 * Glad you got it working. If you don’t have any further questions on this topic
   then please mark it as Resolved. Thanks.
 *  Thread Starter [fk47](https://wordpress.org/support/users/fk47/)
 * (@fk47)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447332)
 * ok

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘make nav-menu functional on lower resolution when Javascript is disabled’
is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [fk47](https://wordpress.org/support/users/fk47/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/make-nav-menu-functional-on-lower-resolution-when-javascript-is-disabled/#post-7447332)
 * Status: resolved