07/05/2026
🚀 Mobile Responsiveness Fix on a Forminator Multi-Step Form
I spent some time improving the mobile layout of a multi-step contact form on my website.
The goal was simple — move the step navigation from the top to the left side for a better mobile experience.
But it wasn’t straightforward 😅
I tested multiple CSS approaches (float, flex, fixed, absolute) before finally getting the right layout.
After that, I fine-tuned spacing, font sizes, and padding to make everything cleaner and easier to use on small screens.
I also ran into a few CSS issues where styles weren’t applying correctly — turned out to be selector specificity (classic dev problem).
Finally, I tested everything down to 320px screens and made sure the form still works smoothly with real input.
Small changes, big impact on UX 👌