header image too small

You can use this css for achieving what you want:

header .site-branding.col-md-6, header .social-header.col-md-6 {
    width: 100%;
}
header .site-branding.col-md-6 {
    margin-bottom: 50px;
}
#social.social {
    margin-top: -100px;
}

Where would I paste this ccs code?

You can paste it at the bottom of your style.css file or in the custom css (if your theme has that functionality).

I pasted the code into my style.css file under the theme folder that I am using but my header is still small. Do I need to paste it into a different style.css file?

Thanks

Hello,

If your theme supports Custom CSS field, then you can add your code there in your Custom CSS. But if your theme does not supports that, then you can use some Custom CSS plugin for achieving that.

Hope that helps. Feel free to ask if you need any other help.

Thank you.

I did that as well but it hasn’t changed. I’m in the process of moving a blog over from wordpress.com to siteground hosting and I haven’t pointed the nameservers over yet so I’m having to do all the changes using my hosts file on my local machine. This is causing some issues with wordpress and may be why I can’t resolve it at the moment.

Sorry the previous post posted incorrectly at first. Thanks for your help!

Welcome.