Nav border CSS now broken in Chrome |
|
john
|
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
|
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
|
|
|
|