Customize SF Navigation Bar's Individual Links

Permalink Browser Info Environment
Attachment shows default template top nav bar (which I like) and SF navigation bar below it. I like the spacing on the default. If I choose auto or fixed size on SF, it doesn't create the equal spacing between the links, only this uneven spacing.

How can I write the CSS to adjust for this? Thank you!

1 Attachment

Type: Discussion
Status: New
View Replies: View Best Answer
MattWaters replied on at Permalink Reply
Hi Whitney,

The first place to look when customizing Superfish is packages/superfish/blocks/superfish/css/superfish.css

Also check typography.css in your theme-- sometimes that can interfere.

Are there invisible arrows next to some of those top-level pages? That might throw off the spacing, especially if not every page has sub-pages listed (some items will share the box with the arrow and make the width expand). Check out the arrow styles in superfish.css and see you can comment them out.
wschlaeger replied on at Permalink Reply 1 Attachment
Thanks Matt.

I'm new to understanding all this, but I'll figure out thru the forums how to check the css you recommended.

You may be right about the invisible arrows! I realized that the added spacing only occurs where I have set up sub pages. I have reduced the cell size of the drop down bar, but it didn't change the width in the top level.
MattWaters replied on at Permalink Best Answer Reply
You can turn off all the arrows pretty easily in the JavaScript, too. That might prove easier. It's just one line in packages/superfish/blocks/superfish/js/superfish.js

Change line 91:

autoArrows   : true,


autoArrows   : false,
wschlaeger replied on at Permalink Reply
Thank you so much Matt! Excellent, that worked.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.