Plugin Removing Nav ID’s

  • I have a custom nav and each parent LI has an ID and when I activate the plugin it removes those ID’s and breaks my JS that controls the nav.

    For example it removes the ID from this element.

    <li id=”menu-item-2985″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-2985″

Viewing 4 replies - 1 through 4 (of 4 total)

  • I’m not involved in this project, but I know why it’s doing that:

    Divi makes the mobile menu by cloning the desktop menu (with IDs already on it), and that means you end up with two elements with the same ID. So, they’re stripping the IDs (which are put in place by Divi, but then not actually used) to get rid of that duplication.

    Before I found this plugin, I was thinking about writing JS that edits all the IDs, so they say like “menu-item-123-desktop” and “menu-item-123-mobile”. Would something like that work for you?

    Thread Starter ecogmedia

    (@ecogmedia)

    Thanks for the reply though this is not using the main nav of the site but a custom menu using wp_nav_menu so there is no mobile version of this menu.

    Have you tried un-checking “Fix duplicate menu ids”? (/wp-admin/admin.php?page=divi_accessibility)

    Thread Starter ecogmedia

    (@ecogmedia)

    @benqwerty thank you, that seems to have worked.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Plugin Removing Nav ID’s’ is closed to new replies.