How to's

  1. Home
  2. Docs
  3. How to’s
  4. How to create arrows indicating the submenu in the menu?

How to create arrows indicating the submenu in the menu?

To create arrows ( or any other symbol ) to indicate the presence of submenus in your navigation menu you can use the below code :

.menu-item-has-children:after{
    content: '▼';
    top: 50%;
    right: 0;
    margin-top: -10px;
    font-size: 22px;
    position: absolute;
}

 .menu-item-has-children .menu-item-has-children:after{
    content: ' \25BA';
    top: 50%;
    right: 0;
    margin-top: -10px;
    font-size: 22px;
    position: absolute;
}
Was this article helpful to you? Yes No

How can we help?