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 3 replies - 1 through 3 (of 3 total)

  • Hello,

    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

    (@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.

    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:

    #offcanvas-wrapper.force-hide:not(.hide)
{
	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 3 years, 11 months ago by marge123.
    • This reply was modified 3 years, 11 months ago by marge123.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Navbar/Menu Not Opening’ is closed to new replies.