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!
How can I write the CSS to adjust for this? Thank you!
| Type: | Discussion |
|---|---|
| Status: | New |
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.
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.
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:
to
Change line 91:
autoArrows : true,
to
autoArrows : false,
Thank you so much Matt! Excellent, that worked.
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.