Just curious if anyone has seen this before. On my homepage on mobile (tried safari and chrome) my menu button does now work to expand.
If I go to any other page on the site and try the menu it works.
Main page: https://profoundtalent.com/
Sub page that works: https://profoundtalent.com/opportunities/
Hope you can help.
Hello @headmetal,
Thanks for writing in!
You are having this issue because you have inserted this custom JS code incorrectly.
<script type="application/ld+json">
{ "@context" : "http://schema.org",
"@type" : "Organization",
"name" : "ProFound Talent",
"url" : "https://profoundtalent.com",
"sameAs" : [ "https://www.facebook.com/profoundtalent",
"https://twitter.com/profoundtalent",
"https://instagram.com/profoundtalent",
"https://www.youtube.com/channel/UCRlcznnL2GABMj6XfG5zD7w",
"https://www.linkedin.com/company/profound-talent-inc./"]
}
</script>
Please be advised that the custom JS section is not allowed to accept <script> tag. It will just result to an issue. To properly add your custom JS code, please install and activate “Insert Headers and Footers” plugin and then insert the code in Settings > Insert Headers and Footers > Footer.
Please let us know how it goes.
I’ve removed that script but the menu is still not loading.
Could you please advise if you see anytihng else preventing the menu from opening on the main page via mobile.
I’ve tried multiple mobile browsers incognito as well.
Hi @headmetal,
I have just checked your website and there are a lot Javascript error that could be the root cause of the issue:
It could be caused by your CDN setting. Please try to configure your CDN correctly or try disabling it and checking the site again.
Please also make sure to clear your site and your browser cache.
Let us know how it goes.
I can’t configure the CDN as it is set through managed wordpress in godaddy.
I did try to turn it off, test and that did not resolve anything so I turned it back on.
Any other ideas?
It works on the other page as noted before.
Hey @headmetal,
I see several other issues in your site.
X is not updated but Cornerstone is. Always ensure everything is up to date according to our version compatibility list at https://theme.co/docs/version-compatibility. Please follow the best practices when updating your theme and plugins. See https://theme.co/docs/product-updates for more details.
If you’re using a child theme and a custom code in there might be the one causing the issue. Please switch to the parent theme to verify this.
Judging on the error jQuery is not defined. A 3rd party plugin might have deactivated WordPress’ jQuery and loaded its own. Please test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Only if none of that helps, we will investigate the issue further. It would be best to copy your website to a staging server as troubleshooting could disrupt your live site’s operation. Once you’ve set up staging, we will need you to provide the following info in a Secure Note
Thanks.
I’m also having the same issue - the mobile menu is not appearing.
Hello @nomaddna,
Please add this code in X > Theme Options > CSS:
.x-btn-navbar,
.x-btn-navbar.collapsed {
color: rgb(138, 60, 119);
transition: all 0.5s ease;
}
.x-btn-navbar:hover,
.x-btn-navbar.collapsed:hover {
color: rgba(138, 60, 119, 0.8);
}
Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.