WordPress.org

Ready to get started?Download WordPress

Forums

Tiny Forge
[resolved] hide normal menu when mobile menu is shown (4 posts)

  1. Dewed
    Member
    Posted 3 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 ! ! ! !

  2. Tomas Mackevicius
    Member
    Theme Author

    Posted 3 months ago #

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

  3. Dewed
    Member
    Posted 3 months ago #

    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/

  4. Tomas Mackevicius
    Member
    Theme Author

    Posted 3 months ago #

    :)))

    Will wait for your work results then ;)

Reply

You must log in to post.

About this Theme

About this Topic