Align two buttons in header

Hi there,
I made a header following a standard template on the Pro theme. There is a header and below a button that I’m linking to another page, and I would like to add a second button right next to it, but it only goes below the first button. The only way to put them together would be to click on “Row” instead of “Column”, but then the headline goes right next to the buttons too.

Is there a way to put the two buttons on the same line, but under the headline? Thanks a lot!

Hey @Sylvakin,

The Button element is an Inline Element. That means if you add a button in the same container, they will be in-line (not stacked) until the screen gets narrow and they won’t fit anymore.

Please try moving the button next to your other button. They should be in the same container beside each other.

If that doesn’t help, please give us the following information in a Secure Note.

  • URL of the page where we can see the button issue
  • WordPress Login URL
  • Admin username and password

You can find the Secure Note button at the bottom of your posts.

Thanks.

Hi, thanks for your quick reply! I’ve updated my post with a secure note. The issue lies in the front page, where I’m making a custom header as the whole front page. Maybe this is not the smartest option and I should make a blank container with no header and footer?
Anyway, the buttons are not getting side by side when I move them together.
Thanks for your help. :slight_smile:

Hey @Sylvakin,

Your Container’s Child Placement must be set to Row with the Wrap option enabled. Then, the Headline must span 100% of the Container’s width so it will displace the buttons down because of the Wrap option .

Hope that helps.

Amazing, thank you very much!

You’re welcome, @Sylvakin

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.