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.

Email and confirm email fields very small on mobile devices

  1. Tobe
    Member

    Can someone help me how to get the two 'Email' fields (email and repeat email) to show beneath each other instead of next to each other.

    For I use a nice coded responsive theme (Blox) and with these fields next to each other as coded by the plugin, they look very small on a mobile device. For in the plugin code <span> is used to create two columns.

    Anyone can share a piece of code to replace and some hint where in the plugin code I can replace that?

    Thanx in advance!

    Tobe

    Posted 7 years ago on Tuesday March 19, 2013 | Permalink
  2. Please post a link to the page on your site where we can see the form on a mobile device.

    Posted 7 years ago on Thursday March 21, 2013 | Permalink
  3. Tobe
    Member

    Here it is.

    http://bit.ly/YaAgU9

    It is due to the <span> part I guess.

    Posted 7 years ago on Thursday March 21, 2013 | Permalink
  4. Try adding this to your theme's stylesheet:

    [css]
    body .gform_wrapper .ginput_complex .ginput_right {
        clear:left;
        float:left;
    }

    That will work for all complex inputs which are laid out in two columns. If you don't want that, you will need to target the individual input specifically, like this:

    [css]
    body .gform_wrapper #input_1_9_2_container {
        clear:left;
        float:left;
    }
    Posted 7 years ago on Sunday March 24, 2013 | Permalink
  5. Tobe
    Member

    Cool, thx, the first code worked well.

    Posted 7 years ago on Monday March 25, 2013 | Permalink
  6. You're welcome.

    Posted 7 years ago on Monday March 25, 2013 | Permalink

This topic has been resolved and has been closed to new replies.