Button not responsive on mobile devices

  • Resolved Jero

    (@jero25)


    3 years, 10 months ago

    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

    Any help would be of great use.

    Thanks!

    • This topic was modified 3 years, 10 months ago by Jero.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Kathryn Presner

    (@zoonini)

    3 years, 10 months ago

    Hi @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

    (@jero25)

    3 years, 10 months ago

    Hi @zoonini ,

    Here is the link to my website.

    Website Link

    The button is at the bottom of the page.

    Moderator Kathryn Presner

    (@zoonini)

    3 years, 10 months ago

    @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

    (@jero25)

    3 years, 10 months ago

    Great! It works.

    I removed 50% setting on the button block and it is working as expected.

    Thank you for you support @zoonini !

    Moderator Kathryn Presner

    (@zoonini)

    3 years, 10 months ago

    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.