Support » Theme: Materialis » Mobile Navbar/Menu Not Opening

  • Hi there, on my website, the navbar/top menu works perfectly on desktop, but if I try opening the navbar / top menu on a mobile device, it will work the first time, but if I refresh the page and try again, it does not work and does nothing besides grey out the entire page as if the menu was opened.
    I have been having this issue for a while and was wondering if anyone had a solution, thanks!

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

Viewing 15 replies - 1 through 15 (of 18 total)
  • I have exactly the same problem…
    I’ve tested it with the mobile CHrome and Firefox browser

    Edit: the problem occurs on two websites of mine (theme versions 1.1.10 and 1.1.13)

    • This reply was modified 4 months, 3 weeks ago by motk88.

    We have the same problem as well which is a big issue as a lot of our users are using mobile to go to our site!

    Thread Starter aced2040


    I really need a solution for this because a lot of my users visit my website on mobile.

    Same problem!! have you found the solution???!


    Can you please try to de-activate all plugins except the Materialis Companion and re-check your page with the issue?

    This seems to be a plugin related issue.

    Please let me know if this solved your issue.

    Thread Starter aced2040


    Hi @cristianbarbu
    I just deactivated all plugins besides Materialis Companion and the same issue still occurs, I have now reactivated all plugins. Not sure why this mobile navbar issue is happening, but really looking forward to a solution.

    I am presenting the same problem, has anyone found a solution? It all started after the last update.

    I also tried to deactivate all plugins and it didn’t work…

    Hi Cristian
    The same for me, desactivating all plugins except Materialis Companion does not solve this issue.
    Any workarround?

    also for me it doesn’t t work!!!! when they will fix it!!!!!

    The people behind materialis pro have brought us in a very bad situation. This has to be fixed in a very short time cause mobile navigation is so important!

    Looking at the css classes of the menu upon opening, it seems the .force-hide class is not removed. Moreover, upon actually opening the menu, the responding <div> is assigned classes for this animation, which should be replaced by the .open class when finished. This also does not happen.

    The issue can be temporarily fixed by adding the following code to the (custom) css:

    	display: flex !important;
    	overflow: auto;
    	width: auto !important;

    Do note that this uses the pseudo-selector :not, which does not work for old browsers.

    • This reply was modified 4 months, 1 week ago by marge123.
    • This reply was modified 4 months, 1 week ago by marge123.

    Thanks a lot marge123 this workaround works well 😉

    Same problem! HELPPPP


    Are you using the latest versions of theme and plugin ?

    Please, go to WP Admin -> Updates -> Dashboard -> Check Again and see if you have the latest versions installed.

    Please, see :

Viewing 15 replies - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.