Skip to content

Instantly share code, notes, and snippets.

@imuhammadshoaib
Last active June 3, 2024 08:29
Show Gist options
  • Save imuhammadshoaib/19ec63889bcf0bd0ac038cf86e850a50 to your computer and use it in GitHub Desktop.
Save imuhammadshoaib/19ec63889bcf0bd0ac038cf86e850a50 to your computer and use it in GitHub Desktop.
Make parent link clickable in Bootstrap with Wordpress NavWalker
//FROM
$atts['href'] = '#';
$atts['data-toggle'] = 'dropdown';
$atts['aria-haspopup'] = 'true';
$atts['aria-expanded'] = 'false';
$atts['class'] = 'dropdown-toggle nav-link';
$atts['id'] = 'menu-item-dropdown-' . $item->ID;
//TO
$atts['href'] = ! empty( $item->url ) ? $item->url : '';
$atts['aria-haspopup'] = 'true';
$atts['aria-expanded'] = 'false';
$atts['class'] = 'dropdown-toggle nav-link';
$atts['id'] = 'menu-item-dropdown-' . $item->ID;
/*
*Add this CSS in your (style.css) file.
*/
.dropdown:hover>.dropdown-menu {
display: block;
}
@codex73
Copy link

codex73 commented Apr 7, 2022

What helped the mobile implementation on my end was adding "border: 1px solid #eee;" to the toggle class (the "+"). This helps the user notice there are two-click points, one to toggle and the parent link.

@internick2017
Copy link

Thank still works

@asankasandz
Copy link

thanks that works

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment