[Leslie Bigos]

My site is: http://www.eggermanphotography.com/wp/

I have added link separators to the Secondary Menu. However, when a link is in the selected state, it loses the separator. I have played with the code but can’t seem to get it to work. Also, I would like to lose the last child separator.

/*MENU SEPARATORS*/
#secondary-menu ul.menu li {
background: url(“http://www.eggermanphotography.com/wp/wp-content/uploads/2015/02/separator2.gif”) no-repeat scroll right center transparent;
}
#secondary-menu ul.menu li:current_page_item {
background: url(“http://www.eggermanphotography.com/wp/wp-content/uploads/2015/02/separator2.gif”) no-repeat scroll right center transparent;
}

[Sakin]

@bigoslesli: You can replace your css with the following css:

/* Secondary Menu Separator */
#secondary-menu ul.menu a {
    background: url("http://www.eggermanphotography.com/wp/wp-content/uploads/2015/02/separator2.gif") no-repeat scroll left center transparent;
}
#secondary-menu ul.menu li:first-child a {
    background-image: none;
}

/* Mobile Menu Color Fix */
#hgroup-wrap .sb-holder,
#secondary-menu .sb-holder {
    background-color: #7f4000;
}
#hgroup-wrap .sb-holder a,
#secondary-menu .sb-holder a {
    color: #fff;
}
#hgroup-wrap .sb-options,
#secondary-menu .sb-options {
    background-color: #7ea7ca;
}

[Leslie Bigos]

Thank you so very much! This worked like a charm!

[Author]

Posts