Adjust Header Border Colour

Site URL: https://lyceumeducation.squarespace.com/

Hi guys,

I put a line under my header with the following code in CSS:

header#header {
    border-bottom: 1px solid gold;
}

I just need to take away about 120px of the line from the left, because my side nav intersects as you can see. Anyone know how to quickly adjust this?

I tried to add a border-top to my hero section but I can't seem to locate the block ID 

password: lyceum

Remove your code & try this new code

/* Header border */
header#header:after {
    content: "";
    background-color: gold;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 130px;
}
@media screen and (max-width:991px) {
header#header:after {
	left: 0;
}
}

Unfortunately it didnt work, do you know any other way I can do it?

@tuanphan

On 9/17/2021 at 3:59 AM, Kane21 said:

Unfortunately it didnt work, do you know any other way I can do it?

@tuanphan

I tested & it works here. Can you keep the code in Custom CSS? We will check it again