How can I add a dropdown arrow to menu items that have a sub-menu?


#1

How can I add a dropdown arrow to menu items that have a sub-menu?

Thanks!


#2

hi,

Appearance > Menus > “Menu Item Icon”

Check Image

Have Fun


#3

Thank you! That works :smile:


#4

When I use this, the arrow (icon) is on the left side of the text.

Is there any way to get it on the right?

Thanks


#5

I couldn’t find the header file to overwrite via a child theme. So I had to override the positioning via CSS. This was the code used:

.mk-responsive-nav li a>svg {
	float: right;
}

@media screen and (min-width: 1140px) {

	.main-navigation-ul>li.menu-item a.menu-item-link svg {
		float: right;
		margin-right: 0;
		margin-top: 13px; /* adjust this to suit your menu item height */
		margin-left: 8px;
	}

}

P.S. I’m using the Header 1 style here.