wayfinder submenu's

11 Posts

raimond Reply #1, 18 years, 11 months ago

I’ve got a wayfinder

[[Wayfinder? &startId=`0`&level=`2`&hideSubMenus='true'&innerClass=`rowClass`&outerClass=`nav_top`!]]

This menu is about two levels

Level 0 --> cat1, cat2, cat3
Level 1 --> cat1prod1, cat1prod2, cat1prod3
Level 1 --> cat2prod1, cat2prod2, cat2prod3
Level 1 --> cat3prod1, cat3prod2, cat3prod3

The menu has to look like this --> cat2 is active

cat1 | cat2 | cat3
cat2prod1 | cat2prod2 | cat2prod3

but this is how it looks like by me

cat1 | cat2
cat2prod1 | cat2prod2 | cat2prod3
cat3

So the cat3 isn’t after cat2 but it goes ahead after cat2prod2

1,624 Posts

cipa Reply #2, 18 years, 11 months ago

It might be possible to do it using the template parameters

Have a look at http://wiki.modxcms.com/index.php/Wayfinder

Responsive CSS Grid: cipalabs.com/projects/metal/
Blog: MODX Tutorials & Articles

11 Posts

raimond Reply #3, 18 years, 11 months ago

thank you for your reply,

I got the parameters already from that link. But not everything is clear for me.

I thought it can be handled with css

11 Posts

raimond Reply #4, 18 years, 11 months ago

I corrected it with the following css grin

/* Navigatie Sub-Menu */
#header .rowClass {
	position: relative;	
	float: left;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	width:600px;
}

#header .rowClass a {
	color: white;
}

#header .rowClass a:hover {
	color:#EF3E34;
}

#header .rowClass li.active a{
	color:#EF3E34;
}