Question

and need some help

Here is the state of things at the moment (i’ve removed the responsive part)

State now

basically i’m stuck on how to create the dropdown triangle,so that it works, and is centered.
– the nav is coming out of a cms, so i cannot be sure of exact dimensions(widths) of the navigation points

Basically i seem to be having a brain meltdown and need help !

ps – the css is coming from compass / sass using skelton

Answer 1

Triangles can now be handled with pseudo classes.

Have a look at this fiddle for an idea:

http://jsfiddle.net/carlosmartinezt/PwEyq/

However, in your case you also need borders in the triangle which makes it harder. I think the quickest solution would be to use images instead.