Hide menu from mobile view

  • Resolved jbg501

    (@jbg501)


    8 years, 2 months ago

    Hi,

    I am using the responsive theme. I have installed the SlickNav menu for mobiles which is great but now I get two menus when looking at the site on a mobile device.
    http://thescienceteacher.co.uk/

    How can I prevent both menus from appearing when looking at the site on a mobile. I only want the SlickNav menu to appear.

    Please help!

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • TouchCoding.net – Øyvind Sæther

    (@touchcoding)

    8 years, 2 months ago

    Hi jbg501! 🙂
    It looks like your slicknav becomes active when the screen size is 600px. You can use this to hide the main-nav when the screen size is >600px.

    Like this:

    @media screen and (max-width: 600px) {
    .main-nav {
        display: none;
    }
}

    Apply this css in a custom css plugin or in a child theme 😉 Here is a guide for you: [Link redacted]

    Thread Starter jbg501

    (@jbg501)

    8 years, 2 months ago

    You are a genius! I cannot thank you enough for helping with this. It has taken me a year to fix. Thank you very much.

    TouchCoding.net – Øyvind Sæther

    (@touchcoding)

    8 years, 2 months ago

    Glad I could help you 😀 If you need any more help just let me know 😉

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