Hide Navigation menu from mobile browser

  • Hi, There,
    Help Needed in Restricting Navigation menu from mobile browser.
    It Shows Two Menus on homepage. how can i achieve this?

    https://www.norenge.com

    you can visit and check it yourself decreasing size of browser.

    Thanks !

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

  • Using below media query, display none the extra navigation menu you want from the mobile device.

    @media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {

    }

    you can also set the parameter the way you want too. i.e device width and dpi.

    Cheers,
    Biren

    Thread Starter inirav88

    (@inirav88)

    Hey thanks for reply,
    Where i will have to put this code?

    Thread Starter inirav88

    (@inirav88)

    sharing you the link below for snapshot
    https://imgur.com/YocVev8

    Hi inirav88,

    Put it in your styles.css

    Just be aware that if you edit the theme’s files directly, you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features. If you use a child theme or a custom CSS plugin or your theme’s built-in custom CSS option, if one exists, your changes will be preserved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide Navigation menu from mobile browser’ is closed to new replies.