Hubspot's new form builder showing Previous and Next buttons stacked on mobile.

AAcquaro — Thu, 13 Feb 2025 00:25:02 GMT

Hello there!

I have built a form using Hubspot's new form builder tool with multiple pages. My only problem is when it is viewed on mobile less than 480px, the Previous and Next buttons are stacked on top of each other, making it very clumsy to interact with.

I have tried adding in CSS, and some Javascript to our webpage, but it returns a security error due to a cross-origin iframe issue. Is there any way around this? The buttons don't appear stacked in the form builder, only once published.

This is the form link below:

https://share.hsforms.com/25Wg-1StYR0OxvmTgh0ILzw4cb73

On our webpage:

https://www.tiga.asia/residential/buyer-info

Code inside the <head> tag:

<style>

@media (max-width: 786px) {

.hsfc-NavigationRow__Buttons {

display: flex !important;

flex-direction: row !important;

justify-content: center !important;

align-items: center !important;

gap: 10px !important;

flex-wrap: nowrap !important;

width: auto !important;

}

</style>

Script inside the </body> tag:

document.querySelectorAll(".hsfc-NavigationRow__Buttons").forEach(el => {
el.style.setProperty("flex-direction", "row", "important");
});

</script>

Many thanks!

Re: Hubspot's new form builder showing Previous and Next buttons stacked on mobile.

Jaycee_Lewis — Thu, 13 Feb 2025 18:17:59 GMT

Hey, @AAcquaro 👋 What is the behaviour you want to see? Do you want the buttons to shrink but remain on the same row, for example? Understanding more about the expected outcome can help our community members troubleshoot more effectively.

Best,

Jaycee

Re: Hubspot's new form builder showing Previous and Next buttons stacked on mobile.

AAcquaro — Mon, 17 Feb 2025 22:43:52 GMT

Hi Jaycee, thanks for your reply.

Yes, the buttons shrinking and staying on the same line would be perfect.

topic Hubspot's new form builder showing Previous and Next buttons stacked on mobile. in APIs & Integrations

Hubspot's new form builder showing Previous and Next buttons stacked on mobile.

Re: Hubspot's new form builder showing Previous and Next buttons stacked on mobile.

Re: Hubspot's new form builder showing Previous and Next buttons stacked on mobile.