Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2015 at 5:10 pm #500010
    wordsatworkmn

    Trying to get a simple arrow to show up on an active menu item like in the attached image:

    I tried this:
    .avia-menu-fx {height: 10px; background-image: url(https://imagelocation.png); background-size: cover; }

    But it only made the default line 10px thick/high.

    September 8, 2015 at 5:19 pm #500013
    Elliott

    Hi wordsatworkmn!

    You can try something like this.

    .menu-item a:hover .avia-bullet { position: absolute; z-index: 444; top: 100px; right: 0px; background: red; width: 30px; height: 30px; }

    To get it to display as a triangle then you can create a image and set it as the background or try this CSS trick out, https://css-tricks.com/snippets/css/css-triangle/.

    Regards,
    Elliott

    September 8, 2015 at 7:12 pm #500068
    wordsatworkmn

    HI, thanks but none of those worked. The css triangle just show a small rectangle.

    September 9, 2015 at 1:33 pm #500386
    Andy

    Hey!

    it should work I think with Elliott’s method. Can you provide us admin access, so we can check the code (in Quick CSS) you implemented for this function? also show us a link where you want to use these arrows. Post login details here as private reply.

    Best regards,
    Andy

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.