Mobile menu not working

Hi,

The mobile menu on my website (magnitech.co.za/new) is not working as it should be :frowning:

All the first level links are fine, but when you click on the custom link i have created as a label for “products” (/#) the menu just closes and the pages below (2nd level) don’t appear.

I have searched for possible answers in the support section and added this code to my custom css:

.mobile-menu .btn-submenu {
padding: 15px;
}

But it has not worked.

Ideally I would like the second level product pages to expand below the products label which they are nested under.

Please let me know what I should do!

Thanks,

Tanya

Hello Tanya,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

.mobile-menu span.btn-submenu {
    color: #f2f2f2;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.