Max Buttons inconsistent on Mobile

  • Hello,

    At the very bottom of the page shown above there is a section with a blue background and 3 max buttons in a row. On desktop/laptop the three buttons are spaced nicely and are the same size.

    However, on mobile the buttons have different widths and they do not line up consistently (center, left side or right) and overall look sloppy.

    How can I improve the consistency of how buttons appear on mobile?

    Thanks!

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

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

    (@basszje)

    Hi,

    There are a few things you can do to improve the button on all screens.

    1) There is a margin left (30 pixels) on the p-tag ( paragraph HTML tag ). This doesn’t come from maxbuttons, but you want to remove that because it pushes the first button. Perhaps it’s set by your page builder or so.

    2) The height of the button ( in the button editor ) , try and put it to 100% instead of 100 pixels. I can see the text being pushed out and this should fix it

    3) Try and add a margin to top and bottom ( also button editor ) to both buttons. This makes sure the text stays nicely in the middle.

Viewing 1 replies (of 1 total)
  • The topic ‘Max Buttons inconsistent on Mobile’ is closed to new replies.