Archived topic
Coach border at top of page
7 replies · Started by David on September 29, 2021
Hi everyone,
I started a site a while back using the 'Coach' starter site.
The client has advised me that they see a line at the top of the page, that the animated menu lines join up to.
(I didn't notice it as when logged in the admin bar covers it)
I assumed it was in the custom CSS, but it appears not to be there!
And I don't see it on the demo here!
How do I remove it ?
TIA, Dave
Hi there,
in Customizer > Additional CSS you would remove this CSS block:
/* navigation line effects */
@media (min-width: 1024px) {
.main-navigation .main-nav > ul > li > a:before {
position: absolute;
content: '';
width: 1px;
height: 0;
background-color: #607b7d;
left: 50%;
top: -50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.main-navigation .main-nav > ul > li:hover > a:before {
height: 50px;
}
.main-navigation .main-nav > ul > li.current-menu-item > a:before {
height: 50px;
width: 1px;
}
}
Thanks David,
I have already removed that CSS to test what gets removed, but I only want the top line removed, not the whole of that animated menu line effect.
If you look at the link I sent, you can see that the vertical line on the Home menu link connects to the horizontal line above it.
It is only this horizontal line that I want removed.
Hope that makes sense?
NOTE: I just checked this out in different browsers, and I now realise that maybe it only appears in EDGE and maybe that line is fixed in that browser?
Cheers, Dave
Any chance you could provide a screenshot of the issue - so i know what part needs removing ? Sorry if i am being a bit dumb :)
Hi David,
Thanks for getting back - I don't think it is an issue, it is simply that on Edge it looks exactly like there is a line along the top of the browser page that the animated menu lines join up to, but on other browsers it does not show like that.
Dave
I got my Ying to check and she said its present on all sites on Edge. She provided some screenshots:
https://www.screencast.com/t/wyqcb6c5sTB
https://www.screencast.com/t/r1aoeEyxg
Yep, thanks for checking its a bit odd!
Dave
Very odd :)
Glad we could be of help.