BlueOwlCreative » Topic: Placing an arrow / triangle on the top of the megamenu http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/feed/ Sat, 18 Jul 2026 04:05:31 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33737 <![CDATA[Placing an arrow / triangle on the top of the megamenu]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33737 Fri, 26 Apr 2019 15:58:05 +0000 goldstorm Hi.
I would like to place an arrow or triangle on the top of the megamenu which appears under each active menu-button. Do you know how i can solve this issue?
Thx alot!
Best

]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33738 <![CDATA[Reply To: Placing an arrow / triangle on the top of the megamenu]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33738 Fri, 26 Apr 2019 16:19:46 +0000 BlueOwl Hi there,

Sure, there are plenty of solutions you can find online:

https://www.google.com/search?q=css+arrow+on+top+of+the+dropdown&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjfx9qplO7hAhWqwsQBHfFwBAUQ_AUIDigB&biw=1920&bih=1057#imgrc=kWI0N7hPgYydlM:

]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33739 <![CDATA[Reply To: Placing an arrow / triangle on the top of the megamenu]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33739 Fri, 26 Apr 2019 17:04:43 +0000 goldstorm Hi.
thx.. but what css class or id do i need to us for the arrow/triangle in your megamenu?
can you help?
thx alot
Best

]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33748 <![CDATA[Reply To: Placing an arrow / triangle on the top of the megamenu]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33748 Tue, 30 Apr 2019 15:34:35 +0000 BlueOwl Hi again,

Here’s a good start point for you that you can further polish:

li.megamenu>a:hover:after {
    content: "";
    width: 0!important;
    height: 0!important;
    display: block!important;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    left: 50%!important;
    border-bottom: 10px solid #12c9de;
    bottom: 0;
    background: none!important;
    transition: all 1.55s ease!important;
}
]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33755 <![CDATA[Reply To: Placing an arrow / triangle on the top of the megamenu]]> http://blueowlcreative.com/support_wp/forums/topic/placing-an-arrow-triangle-on-the-top-of-the-megamenu/#post-33755 Tue, 30 Apr 2019 20:28:03 +0000 goldstorm super! thx alot

]]>