progress bar vertical on mobile

  • Resolved todfromtheweb

    (@todfromtheweb)


    9 months ago

    Hello,

    I’m using a simple multi-step form with no page labels. On desktop, the progress bar appears horizontally, which is perfect. On mobile, however, it renders vertically.

    I tried adding custom CSS, but the breaks (.forminator-break) still render as vertical lines. Could you confirm if there’s a built-in option to keep the progress bar horizontal on desktop, or share the recommended CSS override?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    9 months ago

    Hello @todfromtheweb

    Thank you for reaching out.

    I’m afraid there is no built-in option for changing the pagination style on mobile, it works based on CSS media query, if you want to keep the desktop style on mobile, you need to create a custom CSS that overrides the current CSS codes:

    View post on imgur.com

    You can find the related codes in this file: “forminator/assets/forminator-ui/css/src/form/forminator-form-default.pagination.min.css”

    Please note that since custom coding is out of scope of our suppport, we can’t share a custom code but you should be able to find it in the mentioned file on your site.

    Best Regards
    Amin

    Thread Starter todfromtheweb

    (@todfromtheweb)

    9 months ago

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘progress bar vertical on mobile’ is closed to new replies.