Hi,
The reason is not maxbuttons, but the theme . There is an element called ‘wp-block-column’ . It’s width is 50% on the mobile version.
If you want to center the button on the mobile version, you should remove the float:right and width 50% setting on the container ( this is what makes it show on the right side ).
You can use add responsive screen ( big Add button in the button editor ) if you want different settings than what you have for the main screen.
Hello,
I’m having the same issue as described above.
My website uses the Dicot theme. My Max Buttons display perfectly on a desktop but are slightly left of centre on mobile devices, e.g. see here: https://karenthorburnweddings.com/
I’m trying to follow the advice provided above. Whereabouts in the WordPress dashboard would I change the container setting? I’ve had a look but can’t see it.
Many thanks,
Karen Thorburn
Hi,
Can you explain me which buttons you see ‘left of centre’ on mobile devices. I’m assuming the literal left here. I can see the buttons are not centered vertically and too much to the bottom.
This is the same in the desktop version for me and can be fixed by adjusting the padding of the text. Optionally you can put the height to 0, so it’s auto-adjusting depending only on the padding.
I see you are using multipe shortcode for what’s more or less the same design, I recommend checking this article : https://maxbuttons.com/button-shortcode/
Also if you want to change the style for mobile devices only, check this article: https://maxbuttons.com/maxbuttons-pro-8/
