hide normal menu when mobile menu is shown

  • Resolved Dewed

    (@dewed)


    10 years, 10 months ago

    I’m using version 1.5.6 and bending it to my will via child theme on everything I need with one exception so far.

    When screen width is shrunk, the mobile menu appears, but the normal menu gets converted to a vertical UL and is still displayed just below it. I’d like to hide it via display:none, but can’t figure out how :/

    Possibly related, my normal menu is a “custom menu” named top-nav, the resulting HTML looks like this..

    <h1 class="menu-toggle"></h1>
<a class="assistive-text" title="Skip to content" href="#content"></a>
<div class="menu-top-nav-container">
    <ul id="menu-top-nav" class="nav-menu">
    <li .......

    How can I hide just this top menu when the mobile menu is displayed?

    Thanks and keep up the awesome work ! ! ! !

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

  • It is not a normal behaviour. Most likely you introduced some changes. Or perhaps you had to put some changes not in the main section of CSS file, but rather in the Media queries, that would be applied to wider screens only. And of course it is easier to diagnose problem when you can see real site.

    Don’t forget to share sites, you’re building on Tiny Forge ??

    Thread Starter Dewed

    (@dewed)

    Bingo!
    Commenting out this chunk of my style.css now gives the desired effect

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border: none;
    border-bottom:solid medium #606060;
    /* display: inline-block !important;
    text-align: left;
    width: 100%;
    */
    }

    I’m not using media queries, mainly because I’m oldschool and don’t own anything but a desktop system, but I’m guessing the display: line was the culprit since I’m not using media queries, so it would take effect regardless of screen width… So educational !

    Once the site is made public I’ll be sure to come back and tell you all about it. I’ve bent a lot of WordPress themes, but this is my first with Tiny Forge. It’s very powerful and extensive, but possibly it’s top selling point is the fact you answered my question within an hour in English that even a caveman like me can comprehend.

    You Sir truly rock! \o/

    :)))

    Will wait for your work results then ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hide normal menu when mobile menu is shown’ is closed to new replies.