How do you make the a div left aligned and responsive in the header content?

Hi Scott,

I can't quite picture what you are wanting to do.

Are you able to provide a quick example or show me what you have so far?

Depending on what you are after, might be able to use the before header content hook:
http://demo.generatepress.com/hook-locations/
https://docs.generatepress.com/article/hooks-overview/

Keep in mind that background image property is not responsive by nature.

Let me know :)

Thanks I'm basically trying to make the text responsive

It would also be great would have a background color that could be responsive.

Can you show me what you have vs what you're trying to do? I'm having trouble picturing it.

For some reason, the div in header content is centered in the page.

See http://tinypic.com/r/k30gh5/9

Instead, it should have a position to the left of where it is currently.

I don't understand why the text is in the middle of the page when I didn't do anything to the CSS. It's like it has a huge margin built in.

What's the URL to the page?

I'm trying to make the relative position left aligned starting at around 10% of the screen
or absolute position at left side of the screen or something where it is not as much in the center

Or if the container in the header is a certain size maybe it can be set to be more full screen?

You would have to apply it to the entire container:

.generate-combined-content.grid-container {
    max-width: 80%;
}