Joomla Templates Club 406,261 posts

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#171603

i would like to remove the last separator of the menu that it shows: home / about us / contact us
and not home / about us / contact us / <- this last separator

i have found stuff about last-child but are unable to implement and get it right – please help.

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#428715

Got it working below is my mega menu css
.ja-megamenu ul.level0 li.mega {
background: url(../../images/mainnav-sep.gif) no-repeat right top;
padding-right: 5px;
text-transform: uppercase;
font-style:italic;
font-family:Verdana;
font-size: 11px;
}

just copy the top part and add :last-child to the end and change what you want like below

.ja-megamenu ul.level0 li.mega:last-child {
background: none;
}

[Author]

Posts