Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 27, 2014 at 3:28 pm #256799
    riatech

    Dear Sirs,

    I have Gravity Forms in http://unifi.co/demo

    The form look strange in mobile browser. I already ask for support in Gravity Forms forum, they said this is because of the theme.

    Kindly please assist me to solve :

    1. The fields not properly align to the left. Some will appear a little bit to the right. I need to make all fields to align to the left.

    2. To make the email field to appear same size as text field. ( mobile & dekstop browser ). Then to make the 2nd email field, to appear in next line..instead of appear same line as first email. ( in mobile browser )

    Thank you very much.

    April 28, 2014 at 8:40 am #256930
    Ismael

    Hey riatech!

    Thank you for using the theme!

    I checked the website on mobile view by resizing the browser and the input fields looks ok. Did you fixed this?

    Best regards,
    Ismael

    April 28, 2014 at 12:55 pm #257034
    riatech
    This reply has been marked as private.
    April 28, 2014 at 2:26 pm #257066
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 479px) {
#top .gform_wrapper .top_label li.gfield.gf_left_half, #top .gform_wrapper .top_label li.gfield.gf_right_half, #top .gform_wrapper .top_label li.gfield.gf_left_third, #top .gform_wrapper .top_label li.gfield.gf_middle_third {
width: 100% !important; }}

    That should fix both issues

    Cheers!
    Yigit

    April 28, 2014 at 3:04 pm #257095
    riatech
    This reply has been marked as private.
    April 28, 2014 at 3:08 pm #257100
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 990px) {
.gform_wrapper .top_label li.gfield.gf_left_half { width: 46% !important; }}

    Best regards,
    Yigit

    • This reply was modified 10 years, 6 months ago by Yigit.
    April 28, 2014 at 3:13 pm #257101
    riatech
    This reply has been marked as private.
    April 28, 2014 at 3:28 pm #257112
    Yigit

    Hi!

    I have edited the code i posted in my previous post and added !important rule. Please try it now

    Best regards,
    Yigit

    April 28, 2014 at 3:39 pm #257123
    riatech

    Hi Mr Yigit,

    Thank you for your great support! Problems solved!

    April 28, 2014 at 3:41 pm #257124
    Yigit

    Hi!

    You are welcome, glad we could help! :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Gravity Form in Mobile browser’ is closed to new replies.