Site Origin Team!
Can’t stress how much I love vantage & page builder! We keep using it on and on.
Anyways, to the point.
We are working on http://iluminadot.com/
and used the following code for the menu hover effect:
/* Vantage Menu UNDERLINE Effect */ .main-navigation ul li:hover > a { background: none !important; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 2px; }
And the following to style the Last Element:
/* Last of type*/ .main-navigation ul li:last-of-type { margin-left:40px; margin-right:40px; background: #333333; } .main-navigation ul ul li:last-of-type:hover > a { border: none !important; }
With that last line we tried to remove the hover effect from that last menu element but could not pull it off,
any suggestions?
(That last menu is a link to an E-Store that is why we keep highlighting it )
Thanks in advance for the great and constant support,
Cheers from mexico,
J.
Hi Jose
Your last CSS Snippet has an error, too many tags to target your required Menu list. Your CSS should be
Let us know how you get on
Magus
Hey @Magus,
worked smoothly, check it out: http://iluminadot.com/
Any idea how can I get rid of the background reduction effect when you hover over that last menu element?
Thanks,
J
Hi Jose
You can add the following property to the rule we just corrected
This will override the 2px padding you added to the hover in your first code snippet.
Magus
Pure magic mr.Magus,
thank you very much.
J
Hi Jose
No problem, glad to help
Please feel free to start a new thread if you need any more help.
Magus
Hi Jose
Am glad you making progress in developing your site.
@Magus much appreciated :-)