Moving Site Identity Down

Hi there,

First of all, a quick suggestion: don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

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, or create a child theme.

It looks like your site is just showing a landing page right now, so it’s hard to bugfix your specific case. If you can make your site public, it will be easier to tell what’s going on exactly. ??

Looking at the theme demo, it looks as though this would solve your problem:

.banner-section {
    margin-top: 8em;
}

Thanks for you response. Tried what you mentioned and it adjusted the size of my header image.
I forgot to take the page off the coming soon thing. I just did that so you should be able to see the accurate page.

I want to move the
Brungardt & Associates

“Service and communication are our number one priority”

down so its not overlapping the flag.

Thanks!

This should do the trick:

.banner-section {
    margin-bottom: 4.5em;
    margin-top: 11em;
}

This way, the header area stays the same size (so the image isn’t re-scaled) but the content within it moves.

Thanks for the support @sarah.
Biography themes has inbuilt Custom CSS feature, so you don’t need to either create child theme or download any Custom CSS plugins.
Go to Customize -> Theme Options -> CUstom CSS section and write your code inside the box.

Thanks!!