Mobile Menu won’t appear on only one page

Hi @pederweb,

Looking at this page in a browser I can see a Javascript error is encountered on the page in question that is not present on other pages.

This is likely due to a plugin and/or theme conflict, It looks like you might be using “Responsive Menu Pro” for your menu’s? If so, you’ll likely need to contact their support.

If the functionality is from the theme, they may also be able to help.

The CSS/JS minification, probably provided by your caching plugin, is preventing me easily seeing where the problematic Javascript code is coming from.

Note: I’ve moved this thread from the “Mobile App” forum to the general fixing WordPress forum, as this is a mobile-web theme issue rather than an issue with the WordPress Mobile app

Hello @pederweb

Your one page is contains jquery error like this : https://prnt.sc/xhEaRbFky-iq , so try to check that particular page’s content contains any jquery code , or check by taking backup of that page and replace that page content with simple coming soon… text and check if menu start working or not .

https://twaphoto.com/wp-content/uploads/rmp-menu/css/[HTTP/2 403 Forbidden 540ms]
Uncaught TypeError: s.event.addProp is not a function

CSS and Js issue.

Thanks, everyone, for your help. What I realized from your suggestions is that I’ve had a bit of code (that I had found online) in some of my pages (pages with forms – and certainly the page in question here), which is a javascript code that enables a date picker feature to pop up from text fields (instead of date fields) in a form when the text field has the class “dow-twa2hb”…

<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( ".dow-twa2hb" ).datepicker();
  } );
  </script><style type="text/css">
@media only screen and (max-width: 767px) {
	body {
		background-size: auto auto !important;
	}	
}
</style>

The error code I’m getting is saying that ‘datepicker’ is not a function. I’m wondering if, possibly with the latest update of WordPress, that this function, which used to work, is no longer compatible.

Pretty sure I got the code from this source: https://jqueryui.com/datepicker/

Thoughts?

• This reply was modified 1 year, 3 months ago by pederweb.

Hello @pederweb

By default JQuery file is included by WordPress so don’t include extra library like mentioned in your code above , remove below line in your code and check proper class is added to date field : https://prnt.sc/VqNCzvPmEl_H (right now there is no class added to this field like dow-twa2hb ) then try as per demo in this https://jqueryui.com/datepicker/ ,

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

Thank you @mayuripatel for that follow up. Your suggestion led me on a dig for proper coding in my form and page. What I discovered, after digging through all my form code, is that I had this line of code – referencing an external Google api script – which was causing the conflict:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

I think part of the problem was that I had this code in the form itself, instead of in the header of the page. Also, the url I was using was a little outdated. I took it out and everything finally worked fine without that code in there. I’m thinking maybe that’s because of what you referred to about the JQuery file already being included by WordPress. However, I did try putting the following updated line of code in the header of the page and that worked fine as well…

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Thanks again for your help!