Title: CSS for responsive page
Last modified: June 28, 2020

---

# CSS for responsive page

 *  Resolved [vamtec](https://wordpress.org/support/users/vamtec/)
 * (@vamtec)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/)
 * I am using Calculated Fields Form plugin for some calculations. When I try to
   open the CFF url in mobile browser, it is not not responsive.
 * How do I make the CFF page (standalone in mobile) screen responsive? is there
   any css code?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-for-responsive-page%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13046263)
 * Hello [@vamtec](https://wordpress.org/support/users/vamtec/)
 * The form is responsive by default. The fields are adjusted to the screen size
   in the small screens (like mobiles), applying 100% to the fields’ widths to prioritize
   the entry of values.
 * How exactly do you want to display the form?
 * Best regards.
 *  Thread Starter [vamtec](https://wordpress.org/support/users/vamtec/)
 * (@vamtec)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13046290)
 * I am trying to use the cff-form in the android app. When I open the url in desktop
   browser, it is responsive. However, when it is opened in mobile browser or within
   app, it is not responsive. In the mobile, the page is opened full width and it
   is very difficult to use or enter values in the field.
 * Is there any css code, where the page becomes responsive with the screen width?
 * I have some screen shots. Unfortunately, don’t know, how to share here.
    -  This reply was modified 5 years, 11 months ago by [vamtec](https://wordpress.org/support/users/vamtec/).
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13046297)
 * Hello [@vamtec](https://wordpress.org/support/users/vamtec/)
 * You can define the new styles through the “Customize Form Design” attribute in
   the “Form Settings” tab:
 * ![](https://i0.wp.com/cff.dwbooster.com/images/documentation/form-settings-tab.
   png?ssl=1)
 * More information about the class names and the structures of the form’s fields,
   reading the following post in the plugin’s blog:
 * [https://cff.dwbooster.com/blog/2020/01/12/form-design/](https://cff.dwbooster.com/blog/2020/01/12/form-design/)
 * Best regards.
 *  Thread Starter [vamtec](https://wordpress.org/support/users/vamtec/)
 * (@vamtec)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13061990)
 * Thanks for your support.
    I have checked the form-design but not getting anywhere.
   When I open my form [https://www.vamtec.com/?cff-form=1](https://www.vamtec.com/?cff-form=1)
   in a laptop browser, it is responsive. However, when I open my cff-form [https://www.vamtec.com/?cff-form=1](https://www.vamtec.com/?cff-form=1)
   in iPhone (iOS) or samsung (android) browser, it is not responsive. It is displaying
   the full width of the form with very small text. How do I make the form mobile
   friendly?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13062694)
 * Hello [@vamtec](https://wordpress.org/support/users/vamtec/)
 * Please, Install the latest update of the plugin (published right now) and let
   me know if the issue persists.
 * Best regards.
 *  Thread Starter [vamtec](https://wordpress.org/support/users/vamtec/)
 * (@vamtec)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13063534)
 * Thank you. It works now.

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

The topic ‘CSS for responsive page’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 6 replies
 * 2 participants
 * Last reply from: [vamtec](https://wordpress.org/support/users/vamtec/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/css-for-responsive-page/#post-13063534)
 * Status: resolved