Right now each secondary link is followed by a "|" which is great. However, I do not want it to appear for the last secondary link.

I've found the code in css/secondary-links.css, but would need assistance in removing it just for the last secondary link.

#navigation-secondary li:after{
	content:"|";
}

Comments

komal.savla’s picture

komal.savla commented

Hi,

Add this in your css file

#navigation-secondary li.last:after{
   content: "";
}

Thanks,
Komal

shinz83’s picture

shinz83 commented

Hmm. I added it after and before this code in the secondary links css file... 

#navigation-secondary li:after{
	content:"|";
}

But no luck.

Lars Jansen’s picture

Lars Jansen commented

Me neither. Why the heck does that not work?? I dont get it haha:)

shruti.sheth’s picture

shruti.sheth commented

Hello,
Please try the following code it may help out,
Add the following code in your secondary-links.css.

#navigation-secondary ul.secondary-menu li.last:after{
  content:"";
}

Hope this helps!

Thanks,
Shruti

Lars Jansen’s picture

Lars Jansen commented

Still doesn't work for me. I think I'm jinxed:)

shinz83’s picture

shinz83 commented

Doesn't work for me either

Lioz’s picture

Lioz commented

try this

#navigation-secondary li:last-child:after{
	content:"";
}
shinz83’s picture

shinz83 commented

This is the solution that worked for me! I really had to dig and sift through the Firebug divs. 

#block-menu-menu-secondary-links ul.menu li.last:after{
	content:"";
}

Thanks to all for the valuable input! I wouldn't have found a solution without your help.

Tony Stratton’s picture

Tony Stratton commented

For what I could tell, "secondary-menu" is defined as the id. So it should be formatted in CSS as:

ul#secondary-menu

This worked for me, and I also applied this to the utility menus:

div#topUtility li.last:after,
div#bottomUtility li.last:after,
ul#secondary-menu li.last:after {
   content: "";
}

Thanks!