Hello,
I am working my way through the excellent Wayfinder ebook - a fabulous resource.
I have a vertical menu with three levels. When clicking on a first level page the second level pages show up in the menu as they should- except that they are not indented as shown in the ebook example.
I am not sure if this indenting is controlled by the css definition or by Wayfinder calls.
Any assistance would be appreciated.
-
☆ A M B ☆
- 24,524 Posts
It could be both. Normally, an unordered list has inner levels indented. Somewhere in your CSS it probably prevents this. Or, you could be using chunks for view templates for the menu items that have classnames, and the CSS for those is preventing the indentation. So yes, ultimately it is all in the CSS, but it could be for something specific to the Wayfinder menu.
The View Source in your browser will help; you can see from that exactly what Wayfinder is generating, and can then scan your CSS to see what needs tweaking.
[quote author=sottwell link=topic=39325.msg237480#msg237480 date=125163017
The View Source in your browser will help; you can see from that exactly what Wayfinder is generating, and can then scan your CSS to see what needs tweaking.
Thanks Susan,
Looking at the source doesn’t show me what is missing though - my css knowledge is a bit limited. The e-book shows the menu but I can’t view the source as it is PDF. Is there anywhere you can direct me where I can see a vertical wayfinder menu which indents sub-menus so that I can view the source to see what is different?
Thanks
