Multistep mobile view

On mobile, having all the steps visible, can result in poor user experience.

Hide steps on mobile

One simple solution is to add this piece of CSS to your theme

@media screen and (max-width: 600px) {
  .wpcf7cf_multistep .wpcf7cf_steps-dots {
    display: none;

Why don’t you give it a try? Resize your window or visit this page on mobile to see the circles disappear.

    About you

    About your family

    Information about your children

    About your car

    Finish up

    Thank you for filling out this silly multistep form. One last question.


    Please check the information below. If everything looks correct, press submit.