Menu Child Indicator

Description

This plugin adds the css class .has-children to menu items that have a submenu to allow css styling.

Installation

1. Upload menu-child-indicator.php to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Add styles with the CSS rule .menu .children .has-children (Hint: use the pseudo-element ::after along with content: "\00a0\bb"; to add a double arrow pointing to the right.)
4. That’s it!

FAQ

• What style to you use for your indicator?

• Glad you asked! See the css block below:

  css
.menu .children .has-children::after {
content: "\00a0\bb";
position: absolute;
top: .3em;
right: 10px;
font-size: 18px;
color: white;
}

Reviews

Contributors & Developers

Changelog

1.1.4

• Update “tested up to” version

1.1.3

• Update “tested up to” version

1.1.2

• Add sample css and screenshot

1.1

• Minor readme tweaks

1.0

• First version