Adding submenu indicators

[Friedrich]

Friedrich

November 11, 2015 at 5:44 am

Hi there! I am trying to add indicators (think little arrows/chevrons) to the menu and submenu to give a visual indication of the submenu below it. I used to do it with text symbols in the menu entry, which sort of works. However, the mobile menu does all of this already, so in mobile view there are now two indicators.

This is my page (it’s not live yet under its final URL, so I have to use a weird adress to access it): *Login to see link
Yu can see how I used the text symbols in the submenu. It’s not very elegant.

I have found and used this code on the PW forums

#nav-main a>.sf-sub-indicator {
top: 50%;
right: 5px;
margin-top: -5px;
display:block;
}

but it’s sort of a whacky solution: It’s not a scalable icon and it’s positioning seems a bit off in the submenu (although surely fixable through CSS), but most of all it points downward in the submenu which opens further menus to the right.

Is there a way of using a scalable icon (think the chevron-icons included with the theme, similar to mobile menu) and to use down arrows for the main menu, right arrows for the submenu?

Thank you in advance!