There is another row at the bottom on mobile.

  • cheonmu

    (@cheonmu)


    6 years ago

    Hi,

    I have been using Easy Table plugin really well for a long time.

    But on mobile, another row is made at the bottom on desktop while the Table looks fine on the website like this link

    Is there any way to get rid of this row?

    I want to insert the table by using the short code below.

    [table1]

    ??, Nha Hat Thanh Pho (Saigon Opera House)

    ??,7 Lam Son Square – Ben Nghe Ward – District 1 – Ho Chi Minh City

    [/table1]

    Thank you.

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

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

  • I have this issue too. There are extra “rows” both above and beneath the table. There seems to be a CSS setting

    .table-responsive
{
  ...
  border: 1px solid #ddd;
}

    that draws a border around the table, when the display space is narrow enough. You can get rid off them by a custom CSS definition:

    
.table-responsive
{
  border: none;
}

    What remains is to figure out, how to get rid off those “<” and “>”, that also appear below the table at narrow width.

    This worked for me:

    .entry-content-single table {
    margin-bottom: 0;
    }

    • This reply was modified 5 years, 9 months ago by ongaku99.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘There is another row at the bottom on mobile.’ is closed to new replies.