How to remove grey line in the header of Twenty Eleven

in style.css:

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}

Thanks alchymyth! I tried this and it didn’t work. The grey line is still there ??

this is the style that does the grey line –
change this line:

border-top: 2px solid #bbb;

to:

border-top: none;

i.e. add:

#branding {
	border-top: none;
}

to style.css of the child theme of twenty eleven.

basic knowledge of css is essential to modifying themes – find some online tutorials, such as https://www.w3schools.com/css/

Thank you! Thak worked perfectly! I just removed the gray line ??

I tried adding

#branding {
	border-top: none;
}

to style.css in my twentyeleven-child folder and it makes no difference. How might I trouble-shoot this?

Thanks,
Matt

try to clear the browser cache; ‘CTRL F5’ for windows pcs, or reload the page a few times.

also make sure that the stylesheet is not broken; possibly check with https://jigsaw.w3.org/css-validator/

This worked great for removing the top boarder, however, I tried removing the left boarder with the following code and it didn’t work.

https://www.khartist.com

#branding {
border-top: none;
border-left: none;
}

It’s fixed! Turned out it was in my jpg header image.