Title: css for mobile version
Last modified: August 24, 2016

---

# css for mobile version

 *  Resolved [EnderWiggin](https://wordpress.org/support/users/enderwiggin/)
 * (@enderwiggin)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/)
 * 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/](https://wordpress.org/plugins/si-contact-form/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6080943)
 * Hi EnderWiggin can you explain a bit more what you are trying to achieve?
 * Thank you
 *  Thread Starter [EnderWiggin](https://wordpress.org/support/users/enderwiggin/)
 * (@enderwiggin)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081021)
 * 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/N4fCTuJ)
 * [http://imgur.com/L5DG889](http://imgur.com/L5DG889)
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081024)
 * Hi EnderWiggin I saw the images, yes it is very much apart. Can you share your
   URL.
 * Thank you
 *  Thread Starter [EnderWiggin](https://wordpress.org/support/users/enderwiggin/)
 * (@enderwiggin)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081047)
 * 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.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081070)
 * I am glad to hear 🙂
 * Can you mark this support thread as resolved.
 * Thank you
 *  Thread Starter [EnderWiggin](https://wordpress.org/support/users/enderwiggin/)
 * (@enderwiggin)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081075)
 * Done

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘css for mobile version’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/si-contact-form_dde2be.svg)
 * [Fast Secure Contact Form](https://wordpress.org/plugins/si-contact-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/si-contact-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/si-contact-form/)
 * [Active Topics](https://wordpress.org/support/plugin/si-contact-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/si-contact-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/si-contact-form/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [EnderWiggin](https://wordpress.org/support/users/enderwiggin/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/css-for-mobile-version/#post-6081075)
 * Status: resolved