Bottom border for last menu item

Hi,

With a fixed header on the right I can add a top border on each top link. However this leaves the bottom link without a bottom border and I would really like it to have one. It’s just estetically more pleasing to the eye. But I can’t do that becauseI can’t set the border for each top link individually. I can set all border to bottom but then that would leave the first top link witout a top border.

Is there some code available to achive this?

Also this should be a default option, in my opinion.

Hi There,

Please assign a my-nav class to your navigation element:

After that add this custom CSS:

ul.x-menu.my-nav li:last-child a {
    border-bottom: 1px solid #f00 !important;
}

Hope it helps :slight_smile:

Thanks, did the trick. Please forward this to the feature requests, really should be included in the options.

One other thing. I have set up the primary particle and figured out how to make it stick when a page is active. However, between hovering/clicking and refreshing it disappears for a split second and then reappears again. Is there a way to have it remain from the point of clicking? See: http://www.nijg.com/new/

Hey @yingfuli,

The particle’s script reruns when the page is reloaded and there is regretfully no way to get around that.

I’ve added your other concern as feature request.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.