Top Nav Submenu

[purrplexity]

I'm working on customizing my top nav menu and I have reached an impasse. For the life of me, I cannot figure out why this triangle needs to be at the top of every menu.

You can see an example of it any time you hover over a menu in a top nav output, like this one:

http://help.madcapsoftware.com/flare201 ... Header.htm

Why does the menu need a pointy little triangle there? What is controlling it?? From what I can tell it MUST somehow be part of the li style, but I cannot tell where this triangle is coming from and why it feels the need to disrupt the look of my ul.navigation li > a bottom border. Any thoughts?

[Jbleasdale]

I just had a look and it seems like its this -

Code: Select all

ul.navigation > li.has-children:after {
    content: ' ';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 8px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 8px;
    border-bottom-color: #ff000c;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 8px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    border-bottom-color: #ff000c;
}

The color is usually grey, but that ff000c color is red, which is what I used to single it out.

Still not entirely sure how the triangular part is created out of all that border stuff, but hopefully thats a start.

[purrplexity]

Thank you so much! I was able to set border-bottom-color to transparent and away the triangle went.