Hide menu from mobile view

  • Resolved jbg501

    (@jbg501)


    9 years, 1 month 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.
    https://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)

  • 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)

    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.

    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.