Site logo

Archived topic

Coach border at top of page

7 replies · Started by David on September 29, 2021

Viewing posts 1–8 of 8

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

Yep, thanks for checking its a bit odd!
Dave

Very odd :)
Glad we could be of help.

This archived topic is closed to new replies.