Submenu Indicator - How to Disable

Permalink
I do have a sub menu, but I do not want any indicator to be displayed.

There is extra space added at the right of the menu item.

Any guidance appreciated.

http://www.zambeel.ca/testc/paws...

Services has a submenu, just need to disable the indicators so that all menu items align/spaced equally.

Thanks.

Tags:

View Replies: View Best Answer
MattWaters replied on at Permalink Reply
MattWaters
Check out the .sf-sub-indicator classes in superfish.css. These control the arrow appearance. Code starts around line 85.
zambeel replied on at Permalink Reply
Hi,

Just wanted to update how I addressed the problem.

Thanks to Matt for pointing the CSS fix.

CSS is only styling the extra character inserted after the menu item, indicating the submenu is present. Disabling the CSS only removes the 'down arrow' styling for that character.

To remove the submenu indicator completely, this needs to be done in the superfish.js file located in the following file.

\blocks\superfish\js\superfish.js

Line 18 looks like this.
$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),

Change this to (change the html part to non blank space.
$arrow = $(['&nbsp;'].join('')),

Works perfectly, no issues with the rest of the menu.
MattWaters replied on at Permalink Best Answer Reply
MattWaters
Oh yeah...glad you found that as well.

I have a few of these customizations documented in a how-to here:

http://www.concrete5.org/documentation/how-tos/designers/customizin...

As you've discovered, there are some fall-back options built into SF in case you're looking to build a text-only menu.
zambeel replied on at Permalink Reply
Thanks for the HOW TO.

This would be of great help to people like me starting up in this area.