CSS Menu Right Border

HTML & CSS
1

Hello,

I am the owner of 1TM.com and would like to remove the right border of dropdown menu. Right after it says “SSL” on the menu there is a 1px white line and would like to have this removed.

Any help you be greatly appreciated.

Thanks!

2

One thing you could try is remove !important from here

#nav li {
  display: block;
  float: left;
  margin-right: 1px [COLOR="Red"]!important;[/COLOR]
  position: relative;
  z-index: 9999;
}

then add a class to the last <li> and set it to

margin-right: 0;
3

simplest solution:
#nav li {
display: block;
float: left;
position: relative;
z-index: 9999;
}

#nav li + li { margin-left: 1px;}

hope that helps

4

No it removes all the borders for the whole menu. Any code that works?

Thanks

5

Remove ‘!important’ from ‘margin-right’ nav li css selector below: (it’s not required)

#nav li{
float:left;
margin-right:0;
position:relative;
display:block;
z-index:9999;
margin-right:1px !important;
}

Then add some inline css:

<li style=“margin-right: 0;”><a href=“#”>SSL</a></li>

If you don’t remove ‘!important’ the margin wont go away because ‘!important’ will over-ride the inline css style.

6

Make sure to read all responses. :stuck_out_tongue:

7

Oopps! sorry. I blame the OP as they must have read yours and said it didn’t work BUT it does.