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

Gravity Support Forums » Plugin Support » Gravity Forms

  1. rcgroup
    Member

    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 12 years ago on Tuesday August 7, 2012 | Permalink

  2. Rob Harrell
    Member

    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 12 years ago on Tuesday August 7, 2012 | Permalink

  3. rcgroup
    Member

    I understand how CSS works and have limited experience, not familiar with media queries however.

    Posted 12 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 11 years ago on Wednesday May 8, 2013 | Permalink