Hi, I just enabled Iconizer on a site and while it works perfectly within the actual pages, on the Superfish-based drop-down menus, it displays all the way at the right edge of the link (see image).

I played around with the CSS a bit but can't figure out how to get it to hug the right side of the linked text like it does elsewhere on the page.

Assistance appreciated, and thanks for such a nifty module!

CommentFileSizeAuthor
iconizer.jpg28.3 KBBrainwrap

Comments

Brainwrap’s picture

Brainwrap commented
Title: Make icons appear next to link in SuperFish menu drop-downs? » Make icons appear next to link in menu drop-downs?

Actually, it looks like this is happening on *all* menu links, whether Superfish or regular.

thepanz’s picture

thepanz commented
Status: Active » Closed (won't fix)

You should check HOW each menu item is rendered, seems that each link is somehow wrapped into a fixed-width container... checkHTML and CSS with a CSS inspector tool

Brainwrap’s picture

Brainwrap commented

Hmmmm....well, it looks like it's connected to the CLASS = LEAF tag:

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
margin: 0.15em 0 0.15em .5em; 
}

ul li, ul.menu li, .item-list ul li, li.leaf {
padding: 0 0 .2em 1.5em;
list-style-type: none;
list-style-image: none;
background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; 
}

When I change it from "li class="leaf" to simply "li", the icons jump back to where they belong, at least on the main page.

Playing around with the margin-right / padding-right settings moves the icon in, but also shortens the length of the entire link, so that's no good...