Table breaks layout on mobile

  • Hi,

    We noticed that adding a default gutenberg block type “table” breaks the layout on mobile.

    You can see it affects the width of the page and the lower modules,

    Regards

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @manuxx34,

    Thanks for letting us know.

    I will try to replicate this issue on our end and get back to you.

    Have a great day

    Thread Starter Manu

    (@manuxx34)

    Thanks for reply Marko, you can see the issue here: https://www.lluislaw.com/es/visa-eb-5/

    I think that if we set the table to full width it gets solved but I will leave it there so you can check from mobile,

    One of those tables was copied from a google doc and seems and only by saving it causes that effect on mobile.

    cheers

    • This reply was modified 4 years, 7 months ago by Manu.

    Hello @manuxx34,

    Sorry for the wait and thanks for your patience.

    So, it seems that the issue is present only on specific devices (even for your website) and related to a longer text in the tables since they’re not suitable for that.

    Can you please add the following code to the Custom CSS field and let us know if this resolves the issue:

    .wp-block-table td, .wp-block-table th {
      word-break: break-all;
}

    Thank you

    Thread Starter Manu

    (@manuxx34)

    Hi Marko that solves it but not sure if is the best solution since that breaks words so seems that setting “full width” in the table settings is better for now no?

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Table breaks layout on mobile’ is closed to new replies.