First item in dropdown menu always in active state

Ever since the new Cornerstone update I have had a problem with the sites displaying the first menu item in the dropdown menu as active. It opens with the iteration color and retains that color even when another page in the submenu is selected and displayed. I have seen this occurring on two different sites that were updated to the new Cornerstone, but did not display this behavior prior to the update.

Example:
image

Hi @501creative,

Thanks for reaching out.
I have checked your website and found that you are using the Pro version 6.0.2, I would suggest you update the Pro to its latest version i.e. 6.0.5 and check if that resolves your problem or not. If it does not resolve, there might be some different reasons behind your issue. I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

  1. Theme Related Issue
  2. Plugin Conflict
  3. Theme Update related issue
  4. Child Theme Related issue
  5. CSS/JS Customization
  6. Disabling Cache
  7. 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

To create a secure note, click the key icon underneath any of your posts.

Thanks

Thank you for the response. The same thing is happening on another site that already had the latest version of Pro (https://circusharmony.org)

image

Here’s an interesting thing though, one menu item does not have this occurring:

The menu item has nothing in particular that is different from the other items. They are all pages with the top-level menu item as the parent.

Okay, I managed to figure out the cause and a tentative solution. We never use actual links for our top-level menu items. I just make a custom link to trigger the drop-down. When I create the link I use “#” for the URL then come back and remove the “#” after the menu is constructed. If I leave the “#” in place then the active state doesn’t trigger on the first item. If I remove it and leave the field empty then it does.

I’m going to have to go through over 30 sites to fix this issue. IS this intentional behavior or something that will return to the previous display?

Hi @501creative,

I have tested it thoroughly and found the problem with the Navigation Inline element only. I suspect this could be a bug that we never came around to and neither reported by others. I will report this to our issue tracker for further investigation.

Till it is fixed, please use the # instead of blank.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.