Triangle Color - Dropdown Menu - Foundation Framer


Registered User
4 posts

How do I change the color of the triangle that displays with the menu item when A drop-down menu is used. The current default seems to be blue. I would like to change it to white.


Registered User
208 posts

Hi Tom, under Page Settings >> Head add
<style>
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #fff transparent transparent;
}
</style>
:)


Registered User
23 posts

Hi Tom

Just a word of caution, the drop down menu does not work on either an Android device or iPad, this is a known issue. If you click on the page link it just makes the drop down menu disappear:

http://foundation.zurb.com/forum/posts/ … nu-on-ipad
https://github.com/zurb/foundation-sites/issues/9484

The suggested work round does not appear to be possible within RFF. The solution I have used is a Dropdown Toggle which is not ideal because it requires an click for the link to function.

Regards

Jeremy

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.