How to use a chevron for the sub-arrow instead of + or an image?

Home Forums Older releases 0.9.x How to use a chevron for the sub-arrow instead of + or an image?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1303
    LindaBrennan
    Participant

    Hi there,

    I’m trying to use a chevron (downward-facing V shape) as the sub-arrow indicator instead of the + or a triangle. I saw the other discussion about using an image, which was helpful, but I’d prefer to use just CSS with no images. I can see how to create a chevron by itself (see: https://css-tricks.com/examples/ShapesOfCSS/) but I can’t figure out how to incorporate the chevron into the SmartMenus code. I’m using the ‘simple’ template.

    Here’s a jsfiddle: http://jsfiddle.net/LindaBrennan/3kJR6/9/

    Thanks!

    #1531
    admin
    Keymaster

    Hi,

    OK, please check now and let me know if you have any questions:

    http://jsfiddle.net/3kJR6/10/

    The exact code starts here after this comment:

    /* Sub menu indicators
    ===================*/

    Cheers!

    #1561
    phfaweb
    Participant

    Replace blank sub-arrow indicator for expanded menu on small screen:

    When viewing the menu on a small screen, the sub-arrow indicator appears as a plus sign. When expanding the menu item it disappears. How can I show another sub-arrow indicator, such as a minus sign, instead of nothing at all when the menu is expanded?

    Thanks!!

    #1563
    phfaweb
    Participant
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?