Mobile Form Styling Issues | Community
Skip to main content
New Participant
June 21, 2023
Solved

Mobile Form Styling Issues

  • June 21, 2023
  • 1 reply
  • 3178 views

Hi there,

 

I seem to be having issues with a couple of elements in the mobile styling of my form. For some reason, the 'consent' checkbox moves above the text on mobile and I can't seem to centre the button on mobile. Here is a screenshot of what I'm viewing. Any tips would be appreciated

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

My bad https://www.ecoonline.com/en-us/demo/ehs-platform-test


  1. When you use a Rich Text instead of an actual label (as you’re doing with the iConsent field) that creates a 2-column layout which is purposely wrapped to 1-col on mobile. You should use the actual label feature, not a separate RT field that kind of looks like a label.
  2. For the button, you need to re-blockify the row on mobile and center the wrapper:
    @media only screen and (max-width: 480px) { .mktoForm .mktoButtonRow { display: block; text-align: center; } }

1 reply

New Participant
June 21, 2023

SanfordWhiteman
New Participant
June 21, 2023
We need a link to a page with your form. Can't troubleshoot a screenshot.
New Participant
June 21, 2023