• Resolved EnderWiggin

    (@enderwiggin)


    How do I format the text fields for a mobile version? I don’t want to change the Input labels alignment DIV width values in the actual form, but rather via css in my mobile version plugin. I tried to identify the Input labels div style in the browser’s developer’s tools (F12) but no luck…

    https://wordpress.org/plugins/si-contact-form/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi EnderWiggin can you explain a bit more what you are trying to achieve?

    Thank you

    Thread Starter EnderWiggin

    (@enderwiggin)

    Yes, thanks, I am building a mobile version of a site via a plugin with its own css file, and my FSC forms are not formatted properly on phones – the field boxes are too far to the right.

    I found the css used to format the field box:

    input[type=text], input.text, input.title, textarea, select {

    but now I want to reduce the width of the label on the left of the field box. I am not finding the css for controlling the label.

    Here are some screen-grabs from a phone…

    http://imgur.com/N4fCTuJ

    http://imgur.com/L5DG889

    Hi EnderWiggin I saw the images, yes it is very much apart. Can you share your URL.

    Thank you

    Thread Starter EnderWiggin

    (@enderwiggin)

    Hello mbrsolution,

    I found the cause of my problem, I had the Form DIV set for a specific width (e.g., 800px), but when I changed it to the default:

    width:99%; max-width:555px;

    …all is fine on both desktop and mobile versions.

    Thanks for your response.

    I am glad to hear 🙂

    Can you mark this support thread as resolved.

    Thank you

    Thread Starter EnderWiggin

    (@enderwiggin)

    Done

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘css for mobile version’ is closed to new replies.