[Resolved] Two columns in page hero

[Joseph]

So I want to setup a page hero merged with site header. But I want two columns. Left side will be text (like the normal page hero) and the right side a form. Sort of like this

https://www.spauldinginjurylaw.com/

Right now I have a 3 column section, with only the third column with any content (the form), that I set the margin to -500 or so to bring it up. Looks fine for the most part except for when the resolution gets narrow enough that the heading of the form breaks into two lines, and pushes the form down a little, making it look funny.

This is the site I’m working on
https://wordpress-319706-979662.cloudwaysapps.com/

Was wondering if there was a more elegant solution or I need to drop the idea altogether.

I have beaver builder, but am wanting the merged site header look. If there is an idea on how to do that with BB I’m all ears.

[David]

Hi there,

remove the content from the header element and jus add a HTML comment e.g
<!-- merged header -->

It will now merge with your page content. So carry on using BB 🙂

[Joseph]

Well hot darn. That worked like a charm. Good thing I came here and asked vs banging my head against the wall for another hour or so trying to make it work.

[David]

Glad to be of help 🙂

[Author]

Posts