Header Different Width on all other pages

https://jigsaw.w3.org/css-validator/
Found 2 errors

1. #wrapper missing a unit for the value of 5 on padding.
2. Parse Error } on line 584

In addition to that, it looks like you got a duplicate of the whole style from parent packed in Custom CSS. This is confusing and not necessary and hard to debug and prone to making mistakes.

Since you are running on child theme, the Custom CSS itself is not necessary too, better to have the CSS in one place.

I had installed JetPack and went into the custom CSS and did paste in the Parent CSS. I wasn’t sure how to edit existing CSS in the child theme – I didn’t see the existing CSS there.

I took out the 5px padding because it was moving the header off of the container.

Thanks for your help!

I wasn’t sure how to edit existing CSS in the child theme – I didn’t see the existing CSS there.

Childtheme’s stylsheet contains a comment block at the very top stating the Template name which is its parent theme name, and only @import line to import the whole parent’s stylesheet into it.

You don’t see the whole thing existing in the child, and you don’t copy over anything. All we need is that @import line.

Below that line, put your changes there.

I took out the 5px padding because it was moving the header off of the container.

Do you understand those 2 errors from CSS validator above ?

It is saying that you are missing a unit for the number of 5 in the padding property of #wrapper. Did you go check if it’s true ?

And the Parse Error } on line 584 too. Did you go check and see if anything look wrong on line 584 ?

img[Attributes Style] {
width: 940px;
height: 198px;
}

above coding is different on both pages.

at home you have it as:-
img[Attributes Style] {
width: 920px;
height: 193px;
}

If you are not being able to find it than trying adding this code.

or it could be that you have two different code affecting home and other pages.
Try finding similar code to what you have edited and change that.