Nav border CSS now broken in Chrome

Author Message

Posted: 10/28/2016
Quote message 

Recently only in chrome 54.x or higher all the themes I created with a nav/child navigation border are broken but only in Chrome. Still work in FF & IE. I narrowed it down to this CSS but can't figure out what to change to make it work correctly in chrome.

You can see example at this url:

.desktop>li.ext:hover>ul:before {
top: -1px;
clip: rect(2px, auto, auto, auto);
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);

Here is an image:



Posted: 11/7/2016
Quote message 

I added another line to this fix from Justin which helped the nav border work a little better on chrome.
I added border-top: none; to the class below.

.chrome54>li>ul:before {
top: 0;
border-top: none;