Menu not showing on mobile when using hummingbird

When using the Hummingbird plugins the menu on mobile is not showing. This is the answer I got from support from theme owner:

It looks like the caching/minifying plugin you’re using is included the parent style after the mobile style, which is incorrect.

The mobile style needs to be added after the parent style so that the CSS overrides the standard styling.
You might have to ask their support if you can specify the order in which CSS files are compressed into.

--
Jarle

  • Rupok

    Hi Jarle, hope you had a wonderful day.

    Thanks for granting Support Access. I logged in, activated Hummingbird, installed "Simple Custom CSS" plugin for adding custom CSS on your site (you can remove this plugin and add following custom CSS code in your way), and then added the following custom CSS Code to make it work:

    @media screen and (max-width: 480px) {
        .menu-toggle, .mobile-bar-items {
            display: block;
        }
    }

    Now menu is showing on mobile even when Hummingbird is activated.

    Can you please check and confirm?

    Have a nice day. Cheers!
    Rupok