Title: WP designer button – Responsive
Last modified: February 6, 2017

---

# WP designer button – Responsive

 *  [otto2](https://wordpress.org/support/users/otto2/)
 * (@otto2)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/wp-designer-button-responsive/)
 * How ca I make the button responsive. I´m using the button with Metaa Slider Plugin.
   The button is aon an layered slider and keeps the size even on mobile phone. 
   Is there a possibility to auto scale down the button for tablet or mobile phone.
 * Thanks
 * Otto

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

 *  Plugin Author [WooPrali](https://wordpress.org/support/users/wooprali/)
 * (@wooprali)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/wp-designer-button-responsive/#post-8776517)
 * Hi, thanks for using designer button.
 * I am planning to add this responsive feature in next version.
 * For now you can add custom CSS to get responsive effect.
 * Regards,
 * Prali
 *  Thread Starter [otto2](https://wordpress.org/support/users/otto2/)
 * (@otto2)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/wp-designer-button-responsive/#post-8776560)
 * Dear Prali,
 * many thanks for your answer. Do you have any idea of the css code?
 * Many Thanks
 * Otto
 *  Plugin Author [WooPrali](https://wordpress.org/support/users/wooprali/)
 * (@wooprali)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/wp-designer-button-responsive/#post-8784573)
 * Hi,
 * you can write css like below.
 *     ```
       @media screen and (max-width: 767px) {
       	.wpi_designer_button{
       		font-size: 20px!important;
           	padding: 8px 15px!important;
       	}
       }
       @media screen and (max-width: 360px) {
       	.wpi_designer_button{
       		font-size: 15px!important;
           	padding: 6px 10px!important;
       	}
       }
       ```
   
 * use this plugin [simple-custom-css](https://wordpress.org/plugins/simple-custom-css/)
   or any other similar plugin to add custom css to your WordPress site.
 * Regards,
 * PRALI

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

The topic ‘WP designer button – Responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wpi-designer-button-shortcode_413a0e.
   svg)
 * [WPi Designer Button](https://wordpress.org/plugins/wpi-designer-button-shortcode/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpi-designer-button-shortcode/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpi-designer-button-shortcode/)
 * [Active Topics](https://wordpress.org/support/plugin/wpi-designer-button-shortcode/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpi-designer-button-shortcode/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpi-designer-button-shortcode/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [WooPrali](https://wordpress.org/support/users/wooprali/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/wp-designer-button-responsive/#post-8784573)
 * Status: not resolved