Title: Button responsive to browser
Last modified: September 9, 2020

---

# Button responsive to browser

 *  Resolved [zukenstein](https://wordpress.org/support/users/zukenstein/)
 * (@zukenstein)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/)
 * I have a long text within a button, is it possible to have it be responsive to
   the browser size/type? At the moment it goes off the side of the screen on mobiles
   so I need the text label within the button to be responsive and wrap if necessary
 * Thanks

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/#post-13381563)
 * Hello [@zukenstein](https://wordpress.org/support/users/zukenstein/)
 * Why you need all the text directly on the button? Why not enter a short text 
   in the button, and a long description into the “Instructions for User” attribute
   in the button’s settings?
 * Please, indicate the URL to the page with the form to see the button you are 
   referring to.
 * Best regards.
 *  Thread Starter [zukenstein](https://wordpress.org/support/users/zukenstein/)
 * (@zukenstein)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/#post-13383291)
 * I’ve set it up on this page for you to see. I dont want to put all the text in
   the ‘instructions for user’ as I already have text in there
 * `https://81b.co.uk/test/`
 * Thanks
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/#post-13383323)
 * Hello [@zukenstein](https://wordpress.org/support/users/zukenstein/)
 * The HTML standard does not allow to display the buttons’ texts in multiple lines,
   however, you can edit their appearance as follow:
 * Enter the style definition below into the “Customize Form Design” attribute in
   the “Form Settings” tab ([https://cff.dwbooster.com/images/documentation/form-settings-tab.png](https://cff.dwbooster.com/images/documentation/form-settings-tab.png)):
 *     ```
       #fbuilder .cff-button-field input{
           max-width: 100% !important;
           text-overflow: ellipsis !important;
           overflow: hidden !important;
       }
       ```
   
 * Best regards.
 *  Thread Starter [zukenstein](https://wordpress.org/support/users/zukenstein/)
 * (@zukenstein)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/#post-13383904)
 * OK thanks for that

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

The topic ‘Button responsive to browser’ 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/)

 * 4 replies
 * 2 participants
 * Last reply from: [zukenstein](https://wordpress.org/support/users/zukenstein/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/button-responsive-to-browser/#post-13383904)
 * Status: resolved