Nav border CSS now broken in Chrome


Author Message
john

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: http://www.echoultrasonics.com/

.desktop ul.art-hmenu>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: http://highwaters.net/files/css.jpg

Thoughts?

Thanks.
 
John

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 ul.art-hmenu>li>ul:before {
top: 0;
border-top: none;
}

John