[xylemclothing]

Greetings,

I am working with Catch Everest Pro and would like to know how to add menu link seperators to the menu.

I would like my links to diaply as follows:

WOMENS | MENS | KIDS | SALE | NEWS

My page is here: http://www.xylemclothing.com

how could I add this element to the design?

[Sakin]

@xylemclothing: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu li { border-right: 1px solid #000; }

[xylemclothing]

Not quite what I was looking for. Here’s the effect I’m trying to get:

http://www.xylemclothing.com/links.jpg

Any ideas?

[Sakin]

@xylemclothing: For that you need to first upload the separator image and then add the following css in “Appearance => Theme Options => Custom CSS” box. In the following CSS, change the Image URl text with your your separator image url

#header-menu ul.menu li {
    background: url("Image URL") no-repeat scroll right center transparent;
}

[xylemclothing]

That worked great…only problem is there is an extra divider to the right of the last link now:

http://www.xylemclothing.com

Any ideas?

[Sakin]

@xylemclothing: Yes you can remove the last menu divider by adding the following css.

#header-menu ul.menu li:last-child {
    background: none;
}

[Author]

Posts