Form Unable to function properly when view in smaller screen

Discussion in 'Variant WordPress Theme' started by effyeweb, Jun 16, 2015.

  1. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    http://www.spiffy.effyeweb.com/

    The form have some situation while view on smaller screen....... 8 column ....only show out four column.... unable to scroll the form to fully see and answer the form.....

    i am quite URGENT with this situation.... need assistant

    cvds.jpg

    fdsfs.jpg
     
  2. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello User,

    Greetings from InkThemes,

    You can resolve it yourself, All you have to do is just go to Dashboard->Appearance->Theme Options->Styling Option->Custom CSS

    field and try to cut paste the given below CSS code there.

    Code:
    @media only screen and (max-width: 750px){
    iframe {
      height: 850px;
    }
    }
    Hope it will solve your issue.

    Let me know if have further doubts so that I can assist you.
     
  3. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    yes, it works ..... just need a little bit more:

    1) the Red Button not align properly

    2) how to change the red button wording..... i find through the formget.... but cannot fix it...
    i want to change from SEND MESSAGE to SUBMIT APPLICATION as your demo..... just cannot find it...

    sdsd.jpg
     
  4. Sobhagya

    Sobhagya Guest

    Joined:
    May 29, 2015
    Messages:
    414
    Likes Received:
    6
    Hello,

    Hope Doing Good,

    For you first issue, you have to do is just go to Dashboard->Appearance->Theme Options->Styling Option->Custom CSS

    field and try to cut paste the given below CSS code there.

    Code:
    @media only screen and (max-width: 350px) and (min-width: 200px)
    .form_wrapper .view_form .form_submit input[type="button"] {
      margin-left: -21px;
    }
    For second issue please follow the step which mention in below video link.

    http://screenpresso.com/=VvBkf

    Hope it will solve your issue.
    Let me know if have further doubts so that I can assist you.
     
  5. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
  6. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I am sorry for the delayed reply...

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 350px) and (min-width: 200px){
    input#save {
    margin-left: -25px !important;
    width: 90% !important;
    }
    }
    Thanks,
    Praveen
     
  7. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    Still same....not centre the Button

    [​IMG]
     
  8. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    I have checked your website and find that the CSS code is not applying in your website.
    Kindly check whether applied the CSS codes contains opening and closing brackets ( i.e "{" and "}") properly.

    If the issue still persists, send us your website WordPress login details at [email protected] along with the thread link.
    We will try to resolve the issue :)

    Thanks,
    Praveen
     

Share This Page