Title: Button not responsive on mobile devices
Last modified: August 1, 2022

---

# Button not responsive on mobile devices

 *  Resolved [Jero](https://wordpress.org/support/users/jero25/)
 * (@jero25)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/)
 * WordPress 6.0.1 | Twenty Twenty-Two Version: 1.2
 * I use default button which comes with the theme.
 * It is displayed properly in large screens like computer monitor.
 * But on mobile devices the button is not displayed properly.
 * I have both mobile and desktop version of the button in the following image.
 * [https://ibb.co/T1QfXDJ](https://ibb.co/T1QfXDJ)
 * Any help would be of great use.
 * Thanks!
    -  This topic was modified 3 years, 10 months ago by [Jero](https://wordpress.org/support/users/jero25/).

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

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881386)
 * Hi [@jero25](https://wordpress.org/support/users/jero25/) – I’ll need to take
   a look directly. Please provide a link to the page or post on your site with 
   the button. Thanks!
 *  Thread Starter [Jero](https://wordpress.org/support/users/jero25/)
 * (@jero25)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881670)
 * Hi [@zoonini](https://wordpress.org/support/users/zoonini/) ,
 * Here is the link to my website.
 * [Website Link](https://accelez.com/)
 * The button is at the bottom of the page.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881727)
 * [@jero25](https://wordpress.org/support/users/jero25/) Thanks for the link!
 * When you set a button width in the block settings, that width is applied to all
   screen sizes.
 * Since you’ve set the button to be 50% of the screen width, that’s what’s currently
   happening.
 * If you’d like to override that on smaller screens you’ll need some custom CSS
   inside a media query, to limit the width change to smaller screens only.
 * Alternatively, remove the 50% setting on the button block and it will go back
   to its default width.
 *  Thread Starter [Jero](https://wordpress.org/support/users/jero25/)
 * (@jero25)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881744)
 * Great! It works.
 * I removed 50% setting on the button block and it is working as expected.
 * Thank you for you support [@zoonini](https://wordpress.org/support/users/zoonini/)!
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881746)
 * Awesome, glad to hear that did the trick! I’ll mark this as resolved but feel
   free to start a new thread if you have other questions.

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

The topic ‘Button not responsive on mobile devices’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwentytwo/2.1/screenshot.
   png)
 * Twenty Twenty-Two
 * [Support Threads](https://wordpress.org/support/theme/twentytwentytwo/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwentytwo/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwentytwo/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwentytwo/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * Last activity: [3 years, 10 months ago](https://wordpress.org/support/topic/button-not-responsive-5/#post-15881746)
 * Status: resolved