1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Adding a little arrow to the top of popup menu

Discussion in 'Styling and Customization Questions' started by Helixion, Feb 11, 2014.

  1. Helixion

    Helixion Member

    So I'm attempting to add a little arrow to "distinguish" the popup menus.

    here's a good example:

    Cyrodiil.net

    .Menu:before
    {

    border-top: 15px solid #61513b;
    border-right: 15px solid transparent;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 0;
    clear: both;

    }
    Unfortunately It doesn't go past the box, which means I have to attach the :before to a different container.
     

Share This Page