Enlever dernier séparateur dans le menu haut horizontale

[somwhere]

Bonjour,

 

De longues heures de recherche et de test pour supprimer le dernier séparateur à droite du dernier élément du menu haut horizontale.
 

J'ai tenté sans succès d’insérer une ligne  "border-right: none !important;" dans le fichier "superfish-modified.css".

 

Dur dur de perdre autant de temps sur un petit détails pareil, maintenant je compte sur vous

 

Merci d'avance !

 

Voici une parti du CSS en question:

/*** ESSENTIAL STYLES ***/
.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #000000;
  background: #000000; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: white; }
  @media (max-width: 767px) {
    .sf-menu ul {
      position: relative; } }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  float: left;
  border-right: 1px solid #ffcc66;
  margin-bottom: -3px; }
  @media (max-width: 767px) {
    .sf-menu > li {
      float: none;
      position: relative;
      border-right: none; }
      .sf-menu > li span {
        position: absolute;
        right: 6px;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2; }
        .sf-menu > li span:after {
          font-family: "FontAwesome";
          content: "\f067";
          font-size: 26px; }
        .sf-menu > li span.active:after {
          content: "\f068"; } }
  .sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #FFCC66;
    display: block;
    padding: 17px 20px;
    border-bottom: 3px solid #000000; }
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333333;
    border-bottom-color: #666666;
    color: white; }

[Julien64]

Bonjour,

 

Je pense qu'il suffit de cibler le dernier élément et de lui dire de ne pas mettre de bordure

.sf-menu > li:last-child{
   border-right:none;
}