Buttons misaligned on mobile device

  • Resolved dertgremlin

    (@dertgremlin)


    4 years, 5 months ago

    Hi I have been trying for hours to figure this out and getting close to putting the laptop though the window ??

    So its all good on pc and tablets but on mobiles i just cant keep the contact us and about us buttons stay in line any ideas would be great. I have tried putting them in columns, container settings, short code, but am a newbie so may have missed something.

    Any help would be much appreciated.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Bas Schuiling

    (@basszje)

    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

    Plugin Author Bas Schuiling

    (@basszje)

    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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Buttons misaligned on mobile device’ is closed to new replies.