• Resolved Tina Marker

    (@tina-marker)


    What CSS code will hide the menu on mobile usage?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Hi Tina…something like this might help:

    /* Small devices (landscape phones, less than 768px) */
    @media (max-width: 767.98px) { 
    .nav-wrapper {
        display: none;
    }
    }
    
    /* Medium devices (Phones, tablets, less than 992px)*/
    @media (max-width: 991.98px) { 
    .nav-wrapper {
        display: none;
    }
    }

    Are you wanting to hide the menu for phones, or tablets added to that too? I added a couple CSS code snippets that you can choose from based on their description. Simply copy and paste the code into the Additional CSS tab in the Customizer.

    Hope that helps?

    Best Regards,
    Andre

    Thread Starter Tina Marker

    (@tina-marker)

    Perfect! That is what I needed. Thank you, Andre!

    Thread Starter Tina Marker

    (@tina-marker)

    Closing this thread. Issue resolved.

    Thread Starter Tina Marker

    (@tina-marker)

    Closed thread

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile Menu’ is closed to new replies.