PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Mobile Friendly CSS

  1. Hi the website I'm working on is mobile friendly and actively adjusts based on the user's screen size. The gravity form I put together looks great on a full screen but becomes very messy on a mobile devise.

    If I have the gravity form as a sidebar widget it transforms well, but on when its on the center page.

    My site: http://www.rcgauto.com/shipping/car-shipping-quote/

    Would anyone offer me any suggestions as to how to tweak the CSS and the best way to tackle this problem.

    Posted 9 years ago on Tuesday August 7, 2012 | Permalink
  2. That's because you are using ready classes. To override those for smaller screen sizes you would need to rewrite the ready classes in your theme's stylesheet at the appropriate media query level. This is fairly custom - how versed are you in CSS and media queries?

    Posted 9 years ago on Tuesday August 7, 2012 | Permalink
  3. I understand how CSS works and have limited experience, not familiar with media queries however.

    Posted 9 years ago on Tuesday August 7, 2012 | Permalink
  4. infotechd
    Member

    Same question. Is there any plans to havet he forms work well with the classes using the responsive techniques?

    Posted 9 years ago on Wednesday May 8, 2013 | Permalink