I have the below navigation.
When I roll over "diner" there is a border-bottom:5px.
But when I roll over the subnav buttons the border below diner is gone.
How can I keep this border when roll over the subnav?
(I rather use css and not js)
http://fiddle.jshell.net/fourroses666/Wwuz6/6/
Some parent css setting possible?
[ed. note: fourroses666 last edited this post 12 years, 7 months ago.]
Evolution user, I like the back-end speed and simplicity
-
☆ A M B ☆
- 1,780 Posts
Using Wayfinder?
Add to the call &parentClass=`yourClass`
-
☆ A M B ☆
- 894 Posts
Your problem is your applying the border to you a tag instead of your li.
This was a quick fix but you might need to edit some of your other css.
http://fiddle.jshell.net/Wwuz6/8/
This
tutorial can help you make css dropdown and it's very easy.
Good Luck.
Ah, I forgot about the parentClass, thanks Frogabog!
Thanks Ben, sounds logical
I really need to use the a tag thow and first will try the parentClass option.
Evolution user, I like the back-end speed and simplicity
nicé, together with the li its working
&parentClass=`roll`
.nav li.roll:hover a{border-bottom:5px solid #ee7f01;}
Evolution user, I like the back-end speed and simplicity
