• Resolved fk47

    (@fk47)


    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

    thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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

    (@fk47)

    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

    (@fk47)

    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/…….

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      @media screen and (max-width: 719px) {
          .no-js .nav-toggle {
              display: none;
          }
      
          .no-js #nav-header .container {
              height: auto;
          }
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter fk47

    (@fk47)

    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 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;
    }

    }

    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

    (@fk47)

    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.