Twenty Twelve Child Theme Doesn't Work in IE10

First, take all the parent theme styles out of the child theme style.css file. IT should contain ONLY changes.

Then add your changes so someone can see why it’s not working.

Okay I’ve updated the file. I added a few more changes to make the nav bar look exactly like what I want.

It looks good in Firefox, but IE is not picking up the menu color, hover color, or line height.

It should be noted that I’m a beginner at this and learning as I go, so I appreciate any help that those who are more knowledgeable than me can offer!

Check on the CSS errors in your child theme:

https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcircleheartbooks.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

I “think” I fixed all of the errors in the child theme. The errors remaining are in the parent, and I was told not to touch the parent.

No, those would not likely be a problem. Are you sure it’s not your IE? Have you cleared your browser cache?

https://www.techarp.com/showarticle.aspx?artno=772

https://windows.microsoft.com/en-US/internet-explorer/use-compatibility-view#ie=ie-10

https://windows.microsoft.com/en-us/internet-explorer/reset-ie-settings#ie=ie-10

I had been frequently clearing the cache, but I hadn’t tried seeing whether I was in compatibility mode. For some reason it was, so I turned it off. That fixed it! Amazing! Thank you so much.

One question though – when other new users click on my site, will my site automatically force them into compatibility mode? If so, they are going to see the nav menu bar all messed up.