Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

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)
  • The forum ‘0.9.x’ is closed to new topics and replies.