Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 20, 2013 at 6:38 am #13433
    xylemclothing
    Member

    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?

    August 20, 2013 at 8:20 pm #13469
    Sakin
    Keymaster

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

    August 20, 2013 at 10:59 pm #13484
    xylemclothing
    Member

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

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

    Any ideas?

    August 21, 2013 at 11:45 pm #13514
    Sakin
    Keymaster

    @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;
}
    August 22, 2013 at 12:53 am #13518
    xylemclothing
    Member

    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?

    August 22, 2013 at 10:30 am #13523
    Sakin
    Keymaster

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding Link Seperators to Catch Everest Pro’ is closed to new replies.