Buttons font size changed after WP update on mobile

Hi,

I’m facing the exact same issue. I have set the font size to 16 pixels, but the font appears so small on mobile devices that you can’t even read it. I tried a few things but no luck so far.

Please let me know how we can fix it.

Thanks!

Hi,

The auto-responsive option resizes the font size to 80% of the original. This shouldn’t have changed since the last release, but due to the amount of questions we get, we’ll look into this asap and see if it needs fixing.

Does the font size in your mobile screens become 80% of the original? That would be nice to know.

Also you can fix it directly by adding a responsive screen in the plugin ( the big Add+ button on top ). This allows for much more fine control over the responsive views.

Hi Bas,

Thanks for your reply! No, the font was way smaller. Maybe like 50% of the original size. The text wasn’t readable on mobile.

I can assure you it’s because of the recent update. Before updating my plugins and WordPress version, I backed up my website. And then I noticed problems with the buttons. So, I decided to restore the backup and everything was back to normal.

At first, I thought it was because I updated to the latest version of WordPress. But after I restored the backup (back to the previous version of WordPress), I only updated the MaxButtons plugin and saw the same problem again. Font too small on mobile devices.

So, it was clear that it’s because of the update. Now, I’m on the latest version of WordPress and version 8.0.4 of MaxButtons (the older version). The buttons are now working fine, but I won’t be updating the plugin until this issue is fixed.

Hi @basszje. Please let me know when you guys roll out a new patch to fix this problem. I tinkered around the CSS but still to no avail.

Thanks in advanced!

Perhaps it might help refreshing the button cache. You can do so in maxbuttons -> settings -> reset cache (last option) . Please check and see if anything changes.

-edit Nevermind that. I think I found a situation where the font changes would be applied double, and thus making it extra small.

• This reply was modified 4 years, 3 months ago by Bas Schuiling.

Ok. Version 8.1.2 should fix this issue. Please update and perhaps do reset the cache and check!

Thanks @basszje , it doesn’t go back to the same size as in the desktop and tablet but bigger and much better now. I actually kinda like it so it’s good for now. I’ll let you know if anything arises.

Thanks again for your help.

Take care.

It’s supposed to be about 80% of the main button font size. This is how it was before as well. For everything else you can use the responsive settings in the button editor!

I did reset the cache, and it’s still not working for me.

This is how it looks with the previous version of the plugin: https://paste.pics/c04e0fa39a90de014eae41a776df1d93

This is what I get after updating the plugin: https://paste.pics/9UT1Q

Both the screenshots are from the same post. I’m back to the older version again.

Another thing you’ll notice is that the width of the button is also increasing for some reason. Any thoughts?

@nirvanac19 It sounds like you want no changes at all to the buttons on mobile devices. You can simple turn off the auto-responsive mode in MaxButtons -> Settings, there is a switch for this.

• This reply was modified 4 years, 3 months ago by Bas Schuiling.

Hello Bas,

Thanks for your plugin wich is so helpful to me. I have the same problems as the others. This font-size reduction to 80% for responding doesn’t seems to please everyone ??

Is there a way to alter this ratio with a line coded in the personnal css file maybe? This would be very time-saving for, otherwise I would need to create many screens just to adapt the font size when responsive…

The last update basically restores the situation how it was before the version 8 update, so this was always the case.

You can always create some custom rules in your own CSS of course, targeting all classes of .maxbuttons and device screen sizes lower than 480px.

In MaxPRO there are also settings in the plugin you can use to apply this easier.

Thanks for this Bas.

As I’m not really gifted with CSS, would it be too demanding asking you for the code I should write in the CSS in order to target all classes of .maxbuttons and device screen sizes lower than 480px?

there is no change and no solution

@activequilibreyv This is taken and adepted from the plugin, you can change the font-size into anything you want ( 100% for no changes for instance ) . It will target all buttons on the page.

@media only screen and (min-width: 0px) and (max-width: 480px) {
    .maxbutton .mb-text
    {
       font-size: 16px !important; 

    }

}

• This reply was modified 4 years, 3 months ago by Bas Schuiling.