WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need Genius Idea or Two on Menu Icon (4 posts)

  1. flashbuddy
    Member
    Posted 3 years ago #

    Client wants hand drawn icons to appear at the left of top level menu items.

    Problems:
    Icon is larger than menu item.
    Icon appears outside menu div.

    I fooled around with menu items having unique css, whereby I add a background but get stymied by the size constraints.

    See image that illustrates problem:
    http://uploadingit.com/file/jpm1fdqwmvvhivww/Icon%20Issues.jpg

    Ideas?

  2. s_ha_dum
    Member
    Posted 3 years ago #

    Its hard to say much without seeing the markup and without seeing what the result is supposed to look like.

  3. flashbuddy
    Member
    Posted 3 years ago #

    ahhh, good point:
    http://babiesatplay.cmsdabbler.com

    Site is a little slow, hosted with HostGator :-P

  4. s_ha_dum
    Member
    Posted 3 years ago #

    Ok. You can use images for the bullets in your list but its listed as buggy up through IE8 at least.

    Otherwise, I'd lean toward adding an image to your list items-- say, between the opening li and the start of the anchor. Put position:relative; on you list items and I think you should be able to use position:absolute; to shove the images over to the side. It is going to be tricky, but I'm pretty sure it will work. I think you are using wp_list_pages() and maybe $link_before (which will put the image inside the anchor but maybe it will still work) will get you there. If not you will need to build a custom Walker.

    That's my take on this. :)

Topic Closed

This topic has been closed to new replies.

About this Topic