Hi!
Using foundation template v.3 with vertical nav-bar on side navigation. I moved navigation to right side of pages. When side navigation have subpages it shows arrow in a parent link. Issue is that triangle is pointing right, out from pages. How to change those arrows point to left, inside to pages?
Wayfinder call:
[[!Wayfinder? &startId=`[[UltimateParent? &topLevel=`1`]]` &outerTpl=`SideNavOuterTpl` &rowTpl=`rowTpl` &innerTpl=`navInnerTpl` &outerClass=`nav-bar vertical` &innerClass=`right flyout` &parentClass=`has-flyout` &hideSubMenus=`0` &hereClass=`active` &lastClass=`end`]]
innerClass has "right" class. Thats making subpage links hover to left. But arrow is stuck to right on menu
[ed. note: valokammi last edited this post 12 years, 10 months ago.]
Tassu, webmaster of Valokammi
-
☆ A M B ☆
- 24,524 Posts
I would imagine you would need a different arrow image. Check the CSS for the background image being used.
Ok. But how to change arrow from right side to left side of bar?
Tassu, webmaster of Valokammi
-
☆ A M B ☆
- 24,524 Posts
Look at the positioning of the background image. It probably says something like "right top no-repeat". Just change it to "left top no-repeat" - you'll probably need to change a padding directive as well.
