Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to align this arrow in css?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #45406
    devil2x2
    Member

    Hi , I m trying to bring the current navigation arrow to the bottom of the current list item lik e the below image however I m just trying and trying but cannot figure out the best way to do it. This is the link to the website where I m trying to accomplish it.
    Please help.

    Thanks

    #135519
    Paulie_D
    Member

    I think the best option might be a pseudo element positioned appropriately.

    #135525
    devil2x2
    Member

    Thanks for replying Paulie but which pseudo element?

    #138140
    Paulie_D
    Member
    #138141
    rodolpheb
    Participant

    Hi, it took some time to finally arrive to a solution. I got rid of the code I thought might be useless. Try to target the a tag when you build a menu. Cheers.

    http://codepen.io/seraphzz/pen/pxAms

    #138143
    devil2x2
    Member

    Thanks Paulie but triangle wasn’t the problem, since I was using an image instead, but I wasn’t able to position is properly, I had almost given up but thanks to rodeolphoeb , you wrote the whole css for me. CSS-tricks is full of nice people.
    Thanks a lot.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.