[SOLVED] Hide one of a double separator using userchrome.css
I see a double separator below the "Copy link" option in the link context menu seen when you right-click a link. I tried commenting out all the code I have relating to context menus and it's still there.
I have tried adding the separator id (#context-sep-copylink) to code I have to hide various context menu items and that was ineffective.
The text in the menu isn't as large as the screenshot suggests.
SOLVED. It was the separator sendlinktodevice. The other code was hiding the separator below copy link in the image context menu. The double line was just an irritant, not a practical problem, but I'm glad it's gone. Thanks to those who replied.
#context-sep-copylink{ display: none !important } would surely hide that specific separator, so if that doesn't do it then either neither of those seen in you screenshot has that id, or there is something in your userChrome.css that prevents that part of your file from working in the first place, like a syntax error.
I recommend you to use browser toolbox to find what the id of either one of those separators is.
In the upper right hand corner of the toolbox is a menu-button. Inside the menu is a item "disable popup autohide". Select that. After you have done that open a context menu that would have your "double separator". Now, while that popup autohide option is disabled the context menu won't close unless you dismiss it with ESC or activate one of its items so you can use the browser toolbox inspector to more easily find the node corresponding to that separator.