Make a little upside down triangle on active page menu

[asbilly92]

See how this site is? http://www.nbc.com/the-blacklist?cid=SEM

Can someone help me with the little triangle that points up to show the active page in the menu bar? I would like to add it to this small site made with the Sample child theme:

http://www.magnaway.com/

I would like to add a few burgundy arrows up under the menu buttons on the active page...

I know you can do this with css and I've seen examples with how to do it on non-wordpress sites but can someone help me achieve this using this genesis sample child theme site?

Any help is appreciated...

[WisdmLabs]

Hi,
Add the following CSS in your style.css

.current-menu-item a:after {
          content: ' ';
          position: absolute;
          border-color: transparent transparent #7c193f;
          border-width: 0 9px 10px 9px;
          border-style: solid;
          bottom: 0;
          left: 50%;
          margin-left: -9px;
}

---

http://wisdmlabs.com/

[Author]

Posts