tablet alignment issues

Justin Sullivan

• February 15, 2021 23:27

In my WP builder:

Desktop shows button in same row.  Tablet shows button moved below text.  The live tablet view seems to try and squeeze the button in the same row as the text.

Ive tried "request mobile site" and have messed around with the padding and margins.  Both the text and button block are set to 100% in the tablet builder view.

0

• 

  Justin Sullivan

  • February 15, 2021 23:30

  Here are the comparative screenshots:

  

  0
• 

  Sandra Prunici

  • February 16, 2021 13:21

  Hi,

  If you are using the iPad Pro that has the width of more than 991px then will be activated the desktop mode because of the breakpoint for the desktop mode on 991px. See here. I investigated the button (I notice that this element look the weirdest in the tablet mode from your screenshots) and find that it has some big margins https://jmp.sh/LaSIogV. In this situation, I can recommend adding the margins in the % values and not in the px value.
  Hope this can help you!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.