jQuery: The Write Less, Do More JavaScript Library

WARNING: This server is unstable and will be retired in the next days. If you want to keep this forum available, please request immediately a migration on the Nabble Support forum. Forums that don't receive any migration request will be deleted forever.

Re: Superfish - removing arrow from top-level

by macpaul :: Rate this Message:

| View in Thread


Ok, I'm replying to my own thread here, but no doubt someone else will
find this useful, so:

Added to superfish.css

.sf-menu > li > a > .sf-sub-indicator {
        background:none;
}

The > selector in CSS is the Child Selector and explains an exact
'path' to the final element. Eg any path from .sf-menu to .sf-sub-
indicator that doesn't include ONLY a li THEN an a tag won't be
included. Only the top-level menu fits this bill.

Child Selector reference: http://css.maxdesign.com.au/selectutorial/selectors_child.htm

On Oct 29, 3:52 pm, macpaul <p...@...> wrote:

> I'm loving Superfish, especially that I still get a great menu system
> with it switched off!
>
> How can I remove the arrow indicator from the very top-level only? I
> want it on submenus but my main menu consists of images and I don't
> want the arrow overlayed.
>
> I've tried editing the arrows png and removing the down-arrow image
> (leaving transparent) but I get a white box over my images.
>
> I've tried moving it out of sight, but the submenu arrows go with it!
>
> Any help please, thanks so much :)

 « Return to Thread: Superfish - removing arrow from top-level