child theme style.css not cooperating

You’ve forgotten the closing brackets on these two sections right at the beginning of the stylesheet:

.site-header,
.main-navigation,
.main-navigation ul ul {
    background: #03191E;

element.style {
    max-width: 1000px;

(Also, element.style isn’t proper CSS syntax, but that doesn’t have anything to do with your problem.)

Amazing so not including the closing brackets makes the following codes not work?

Yep. A human could easily figure out what you meant, but browsers aren’t “smart” enough to do that; they expect to see certain things when they parse a stylesheet and if they don’t see what they expect, they just ignore it and move on.

thanks for that stephen!

another question: how do i copy the header.php and footer.php files from the parent theme onto the child theme? can i do it via wordpress itself? because i can’t seem to find my wordpress folder on my hard drive.

i am using mac os x el capitan and using firefox as browser

hope you could help

thanks!

The files wouldn’t be on your computer. Do you have FTP/cPanel/etc. access to your site? (If not, you’ll have to ask your hosting provider for help.) Once you do, you’ll find your parent and child theme’s folders in wp-content/themes.