[jQuery] Re: Superfish - removing arrow from top-level
Hi Joel,
I came back to this thread to highlight that same problem, which I
only noticed today. IE6, how you grieve me 8[
Thanks for your suggestion Joel, however I've played around with as
many permutations of this as I can, altering different parts of
superfish.css to try to get it to work, to no avail :( The css is a
little further out there than I can comprehend, considering I didn't
build the js and I'm struggling to get this to work.
On Oct 30, 1:18 pm, Joel Birch [EMAIL PROTECTED] wrote:
Hello,
Your fix is good except that it won't work in IE6. You might instead
try setting background:none for all .sf-sub-indicator elements, then
restoring the arrows to the deeper nested ones using a selector with
greater specificity. ie:
sf-menu li ul a .sf-sub-indicator { ...
Joel Birch.
[jQuery] Re: Superfish - removing arrow from top-level
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 [EMAIL PROTECTED] 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 :)
[jQuery] Superfish - removing arrow from top-level
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 :)
