Triangle Color - Dropdown Menu -...
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.
Hi Tom, under Page Settings >> Head add
<style>
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #fff transparent transparent;
}
</style>
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #fff transparent transparent;
}
</style>

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
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.