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

AAcquaro · ‎Feb 12, 2025

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!

AAcquaro · 4 weeks ago

Hi Jaycee, thanks for your reply.

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

Jaycee_Lewis · ‎Feb 13, 2025

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

Join us on March 27th at 12 PM for the Digital Essentials Lab, an interactive session designed to redefine your digital strategy!
Engage with expert Jourdan Guyton to gain actionable insights, participate in live Q&A, and learn strategies to boost your business success.
Don't miss this opportunity to connect and grow—reserve your spot today!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !

APIs & Integrations