The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Active page navigation triangle. help.

  • # May 18, 2013 at 11:57 pm

    How do i add the bottom triangle on the .active :after?

    I know that we need the Content:””; then to position it. but relative? and would that be relative to the parent ? (so the li? or the a?) then the triangle.

    # May 19, 2013 at 12:01 pm

    This reply has been reported for inappropriate content.

    @attilahajzer : It’s the overflow: hidden on the list-element that keeps the :after elements out of sight. So if you could give the parent list-element of the active link a class, and set it to overflow: visible , and change the position on the nav-links to relative, instead of absolute, then it’s getting there. Needs a few more tweaks though: like in this Codepen.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed