Unable to add anything beside contact form

[peterotoole]

I have created a contact form as you can see below but I am unable to add anything beside it to make the best use of the space. Is this normal for a Shopify Form? I created the form using the Form app from Shopify. Any help here would be great. Thanks

Contact

[shopplaza_team]

Dear @peterotoole

It is completely normal that you cannot edit or add your desired elements into the form’s white spaces. This is a fixed design of Shopify Forms. You can only add custom CSS to make your form look better.

Regards,
Eric from Shopplaza

[devcoders]

Hi @peterotoole

Could you tell me exactly where you want to add it?

[tim_tairli]

You can do that out of the box with Horizon family themes because they use the new theme-block based concept:

Dawn can only stack sections vertically.

However, with some added CSS code it is still possible to achieve this goal.
Say, you add an informational “Rich text” section right after the Apps section carrying the form and then you make them side-by-side on desktop with CSS.

Like this:
Apps section, Rich text section and Custom liquid section (to hold the CSS):

Here is the code to paste into “Custom Liquid” section:

<style>
  @media (min-width:990px) {
    main {
      display: flex;
      flex-wrap: wrap;
    }

    main > * {
      width:100%;
    }

    section:has(shopify-forms-embed),
    section:has(shopify-forms-embed) + * {
      width: 50%;
    }
  }
</style>

---

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it