Hello,
I’m getting a couple of javascript errors when the inline navigation that has a submenu is clicked, i.e. ‘portfolio’ link.
The issue seems to be with cs-classic.js file.
Any help is appreciated.
WP Version: 6.1.1
Pro version: 6.0.5
Hey @kgpthemex,
Thanks for reaching out!
I checked your page and the portfolio submenu doesn’t have any links. On the other hand, I suspect this is about the Classic elements, please try enabling the All Classic Elements, just go to Cornerstone > Settings.
Hope that helps.
Thank you for the prompt reply. The items in the menu are there but being hidden by CSS. I enabled the ‘all classic elements’ as you suggested but unfortunately, I’m still seeing the javascript errors.
Thanks
Hi @kgpthemex,
I have checked the Sub Menu Items and found the issue you described here. But there is no link assigned to the Menu Items, and not sure if that is the reason behind your issue or not.
As we have already released another version of the theme with some fixes, I would recommend you update your theme to the latest one and check if that resolves your problem or not. If not, there might be some different reasons behind your reason. I would like to suggest troubleshooting the following common issue to help us to recognize the reason.
- Theme Related Issue
- Plugin Conflict
- Theme Update related issue
- Child Theme Related issue
- CSS/JS Customization
- Disabling Cache
- Disabling CDN
If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above help, please provide login credentials for your site in a secure note to examine it further, including:
– WordPress Site URL & Login URL
– WordPress Admin username/password
– Specific component for which you are having this problem.
To create a secure note, click the key icon underneath any of your posts.
Thanks
I went through everything from what I can tell.
- Updated Pro to the latest version
- Disabled all plugins
- Disabled all custom javascript
- Disabled custom code in functions.php
And I’m still getting the error. If you don’t mind taking a look, that would be great. I have added the necessary information in the secure notes.
Thanks
Hello @kgpthemex,
Your submenu items do not go to any links.
Do you have any custom JS code that will be used to trigger any click events of the submenu items? Please put it back so we can replicate the issues. Be advised that custom JS coding is beyond the scope of our support under our Support Policy. You may need to contact the creators of the JS code that you are using. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.
Best Regards.
Thanks for the reply @ruenel,
As mentioned earlier in response to @marc_a, the menu items were always present but were hidden by CSS. I was using the menu as a placeholder to create the HTML structure for the menu so that I can replace each navigation item with an Envira gallery link that is generated in the frontend using the shortcode. The Envira gallery shortcodes are under the ‘navigation inline’ element within the header:
I’m hiding the links by default and then, on page load, using javascript to append them individually to the appropriate place in the ‘navigation inline’
The JS code is currently commented out. Here’s another screenshot:
If you would like to test the functionality, you can uncomment the JS code yourself in the Global header.
My concern is: why am I getting this error when everything I can imagine is disabled which means there shouldn’t be any conflict. As far as I know, having ‘#’ as placeholders for navigation items is not a violation.
Thanks
Hello @kgpthemex,
I have uncommented the JS code and when I view the homepage, clicking on the submenu items in the Portfolio menu does not do anything. I’ve traced the JS code and it is supposed to append something in the menu and it is not doing anything. On which page, we can find the Envira Gallery? Does the link suppose to launch the Envira gallery in a modal?
Kindly let us know how it goes.
To see functionality in action, first you need to uncomment the CSS below to hide the existing navigation items in the menu:
This will hide the navigation links that I’m replacing with Envira gallery links. The reason you can’t see anything is because all plugins have been deactivated including Envira. After you do the above step and activate Envira gallery, you will see the links populate.
But I’m not sure what the functionality has to do with the issue. We’re seeing the problem even when everything that can potentially cause a conflict has been disabled other than the theme and WordPress.
Thanks
Hello @kgpthemex,
When I activated the Envira Gallery, I am able to view the gallery after clicking on the Submenu links.
Please put back all the necessary code that you have commented out and reactivate the plugins so we can troubleshoot the issue if it still exists. We also need a step by step guide on how we can replicate the issue in our browser.
Thank you.
Yes, the gallery is working. Everything seems to be working. But I’m not sure how reactivating everything will resolve the issue since it was there before I deactivated everything. I thought the idea was to eliminate the possible causes?
Anyways, I have done as you asked and I have reactivated the plugins and put the site back to where it was.
As far as reproducing this error, I’m not sure how I can help. The most I could do is deactivate everything to determine the cause and even after leaving only the theme and WordPress activated, the problem was still there.
Maybe the conflict is between the latest version of WP and Pro?
Thanks
Hello @kgpthemex,
At the moment, I cannot replicate the issue. I am looking to see the JS error in the console. I can click the links in your Portfolio submenu excerpt the Websites submenu link.
Can you please provide a step-by-step guide on how to replicate the issue?
Thanks.
So it looks like the only time the error is occurring is in responsive mode when inspecting in chrome. Here’s a screenshot:
Hi @kgpthemex,
I have checked the same in Google Chrome browser but didn’t find the issue you described here. Can you please make a screencasting video that helps us to recognize and replicate the problem?
Thanks
Thank you for looking into it. I’m beginning to accept that this is only happening on my end. Maybe there’s nothing really going on.
I appreciate you guys looking into this. Hopefully, I’ll figure out what’s going on eventually.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.