Hi,
We received a Production issue recently where top navigation bar for a SharePoint on-premise page is causing an UI issue in Chrome, while the same page works perfectly fine in IE11. In Chrome, there is small gap between two navigation bars. We tried to change the CSS by giving the below code,
/works for Chrome/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.classNav{
margin-top:-2px !important;
POSITION: relative;
}
}
/works in IE 10 and above/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.classNav{
margin-top: -50px !important;
POSITION: relative;
}
}
Now after adding margin-top as -2px, it works fine in CHROME but not in IE. Should I add any other tags for it to work in both Chrome and IE?
Any help would be appreciated.
Thanks,
Sindhu