Goran resizes the header to 576px high within its functions.
You could try adding something like this to your custom CSS to override that:
body.hero-image .hero {
height: 600px;
}
Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin.
Hi Kathryn. Thank you so much, this has worked for me. I have edited the css direct but have taken a copy to upload if the theme is updated. Is it too late to use a standalone custom plugin? I have made many changes to the stylesheet? Thanks
It’s never to late to move out your custom CSS into a plugin or child theme. 🙂
Good point, I have just downloaded a Custom CSS plugin and copied it all into there. Thanks for the advice 🙂